directionで文字表示の方向(左右)を指定する【CSS】

directionは文字を表記する方向を指定するプロパティです。

指定できる値は以下の2つ。

• ltr・・・文字を左から右へ表示（left to right）
• rtl・・・文字を右から左へ表示（right to left）

unicode-bidi

directionプロパティをインライン要素に適用させる場合、文字の書字方向の上書き方法を指定するunicode-bidiプロパティも指定する必要があります。

unicode-bidiの指定方法

unicode-bidiプロパティで指定できる値には以下のようなものがあります。

normal

normalは文字の書字方向を上書きしません。

embed

embedはインラインボックス内において、directionプロパティの指定に従って、文字の書字方向を上書きします。

bidi-override

bidi-overrideはインラインボックス内では、directionプロパティの指示に従って書字方向を上書きし、ブロックボックス内では、子要素の書字方向を上書きします。

日本語は左から右に記述するのが一般的ですが、アラビア語などは右から左に表記したりするので、アラビア語などを文中で表記するときなどにdirectionプロパティとunicode-bidiプロパティを使います。