directionプロパティに指定できる値
directionプロパティには次の値を指定することができます。
| 値 | 内容 |
|---|---|
| ltr | 文字を左から右へ表示 |
| rtl | 文字を右から左へ表示 |
以降はdirectionプロパティの使用例とブラウザでの表示例になります。
使用例
値の設定例
日本語とアラビア語が混じった文章における使用例です。
unicode-bidiプロパティと組み合わせて使用し、それぞれの文章の向きを指定しています。
CSS コード例
.text {
direction: ltr;
unicode-bidi: bidi-override;
}
.text span {
direction: rtl;
unicode-bidi: embed;
}HTML コード例
<p class="text">「りんご」をアラビア語で「<span>تفاح</span>」と書きます。</p>