*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > direction
direction  文章  方向 

文字表記の方向（左右）を指定する

X B! FB LINE

日本語を右から左に表示させたい場合は、unicode-bidi: bidi-override;を指定。

directionプロパティは、文字表記の方向（左右）を指定する際に使用します。

パラメーター

ltr　…左から右に表示(Left To Right)。
rtl　…右から左に表示(Right To Left)。

日本語サンプル

<p style="direction:ltr;unicode-bidi:bidi-override;">日本語です。direction:ltrを指定しました。</p>
<p style="direction:rtl;unicode-bidi:bidi-override;">日本語です。direction:rtlを指定しました。</p>

日本語です。direction:ltrを指定しました。

日本語です。direction:rtlを指定しました。


英語サンプル

<p style="direction:ltr;unicode-bidi:bidi-override;">abcdef</p>
<p style="direction:rtl;unicode-bidi:bidi-override;">abcdef</p>

abcdef

abcdef

Amazonで購入 Googleアナリティクス HTML CSS JavaScript Unity React Vue.js