dir属性

bdi要素のdir属性は、書字方向を指定する属性。

ブラウザ対応

構文

<bdi dir="書字方向">双方向テキスト</bdi>

書字方向

  • auto：自動判定。初期設定値。
  • ltr：左から右へ。日本語や英語などで使用する。
  • rtl：右から左へ。アラビア語などで使用する。

サンプルコード

<bdi dir="auto">自動判定</bdi>
<bdi dir="ltr">左から右へ</bdi>
<bdi dir="rtl">へ左らか右</bdi>

サンプル

HTMLソースコード

<p><b>ユーザー別投稿数</b></p>
<p><bdi dir="ltr">太郎</bdi>： ３３３投稿。</p>
<p><bdi dir="ltr">Tarou</bdi>： ６０投稿。</p>
<p><bdi dir="rtl">القلقاس</bdi>： １３投稿。</p>

実際の表示

ユーザー別投稿数

太郎： ３３３投稿。

Tarou： ６０投稿。

القلقاس： １３投稿。