directionプロパティ

文字の方向を指定するプロパティです。

初期値

ltr
継承

継承あり
適用できる要素

全要素

値

次の値を指定することができます。

ltr – 文字を左から右へ表示
rtl – 文字を右から左へ表示

値の設定例

日本語とアラビア語が混じった文章における使用例です。unicode-bidiプロパティと組み合わせて使用し、それぞれの文章の向きを指定しています。

CSSコード例

<style type="text/css">
.text {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.text span {
	direction: rtl;
	unicode-bidi: embed;
}
</style>
<p class="text">「りんご」をアラビア語で「<span>تفاح</span>」と書きます。</p>

表示例：