カテゴリー
CSS unicode-bidi

【CSS】unicode-bidi:Unicodeの文字表記を指定する

【CSS】unicode-bidiの使用方法

See the Pen
unicode-bidi
by linlin (@linlin098765)
on CodePen.

<p style="direction: ltr;">アイウエオ</p>
<p style="direction: rtl; unicode-bidi: bidi-override;">アイウエオ</p>

【CSS】unicode-bidi:Unicodeの文字表記を指定する

 CSSのunicode-bideはUnicode文字の表記方法を指定するプロパティです。
 Unicodeとは、言語ごとに決められて規格を指し、unicode-bideによって規格を一時的に上書きすることが可能です。日本語ですとテキストは左方向ですが、これを右方向からに変更するといった具合です。

  • normal
    Unicode変更なし(初期値)
  • embed
    Unicodeの方向設定を、directionで設定した値の方向にする
  • bidi-override
    Unicodeを無効化し、directionで設定した値の方向にする