unicode-bidiプロパティに指定できる値
unicode-bidiプロパティには以下の値を指定することができます。
値 | 内容 |
---|---|
normal | 初期値。標準のアルゴリズムによって文章の向きを決定する。 |
embed | directionプロパティで指定された文章の向きを適用。特に指定がなければ「normal」と同様に標準のアルゴリズムで向きを決定。 |
bidi-override | directionプロパティで指定した文章の向きの適用を許可。 |
使用例
日本語とアラビア語が混じった文章における使用例です。
directionプロパティと組み合わせて使用し、それぞれのテキストの向きを指定しています。
CSS コード例
.text {
direction: ltr;
unicode-bidi: bidi-override;
}
.text span {
direction: rtl;
unicode-bidi: embed;
}
HTML コード例
<p class="text">「りんご」をアラビア語で「<span>تفاح</span>」と書きます。</p>
ブラウザで表示してみると以下のようになります。