HTML & CSS

unicode-bidiプロパティ

  1. 最終更新日:
  2. 公開日:

unicode-bidiプロパティはテキストの向きを指定する方法を設定するプロパティです。

  • 初期値

    normal

  • 継承

    不可

  • 適用できる要素

    全要素

unicode-bidiプロパティに指定できる値

unicode-bidiプロパティには以下の値を指定することができます。

内容
normal初期値。標準のアルゴリズムによって文章の向きを決定する。
embeddirectionプロパティで指定された文章の向きを適用。特に指定がなければ「normal」と同様に標準のアルゴリズムで向きを決定。
bidi-overridedirectionプロパティで指定した文章の向きの適用を許可。

使用例

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

CSS コード例

.text {
  direction: ltr;
  unicode-bidi: bidi-override;
}
.text span {
  direction: rtl;
  unicode-bidi: embed;
}

HTML コード例

<p class="text">「りんご」をアラビア語で「<span>تفاح</span>」と書きます。</p>

ブラウザで表示してみると以下のようになります。

unicode-bidiプロパティの適用例

記事一覧