CSS direction

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

書式

direction : value

以下に示す値を value に指定できる。

ltr
左から右 (left to right)
<p style="direction: ltr;">This is a pen.</p>

This is a pen.

rtl
右から左 (right to left)
<p style="direction: rtl;">This is a pen.</p>

This is a pen.

inherit
親要素の direction プロパティの値を継承する。

初期値

ltr

適用対象

すべての要素に対して direction プロパティを適用できる。

継承

親要素の direction プロパティの値が、子要素へ継承される。

関連記事

参考文献

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