CSS direction

スタイルシート属性directionは、文書の方向を指定します。英語などは左から右へと文章が流れますが、アラビア語は右から左の向きになります。横書きでの日本語は、昔は右から左、現在は左から右の向きになっています。通常、スタイルシート属性 unicode-bidi と組み合わせて使用します。

書式

direction: direction

属性値

direction

文章の方向を次の値の中から指定します。

値	意味
ltr	左から右 (left to right)（初期値）
rtl	右から左 (right to left)
inherit	上位のスタイルを継承

使用例

次にスタイルシート属性unicode-bidiを使用したHTMLの例を示します。

<p style="direction: ltr;">This is a pen.</p>

This is a pen.

<p style="direction: rtl;">This is a pen.</p>

This is a pen.

関連記事

• unicode-bidi
• writing-mode

参考文献

World Wide Web Consortium (2025) CSS Writing Modes Level 4