dir グローバル属性 は、要素のテキストの書字方向を示す列挙型属性です。次の値を使用することができます。

  • ltr: left to right を表し、左から右へ記述する言語 (日本語、英語など) に対して使用します。
  • rtl: right to left を表し、右から左へ記述する言語 (アラビア語など) に対して使用します。
  • auto: ユーザーエージェントに決定させます。書字方向が明確な文字が見つかるまで要素内の文字をパースして、その方向を要素全体に適用する初歩的なアルゴリズムを使用します。

使用上の注意

この属性は、セマンティックな位置づけが異なる場所を示す <bdo> 要素で必須です。

  • この属性は <bdi> 要素に継承しません。属性を設定しない場合の値は auto になります。

  • この属性は、CSS の direction プロパティや unicode-bidi プロパティで上書きできます。ただし、CSS が有効かつ要素がこれらのプロパティに対応する場合に限ります。

  • テキストの書字方向はその表示ではなく内容に対してセマンティックな関係がありますので、ウェブ開発者には、可能であれば関連する CSS プロパティの代わりにこの属性を使用することを推奨します。これにより、 CSS に対応しないブラウザーや CSS を無効化したブラウザーでもテキストが正しく表示されます。

  • auto はユーザーが入力して最終的にデータベースへ保存するデータなど、書字方向が不定のデータに対して使用してください。

仕様策定状況

仕様書 策定状況 コメント
HTML Living Standard
dir の定義
現行の標準 最新のスナップショットである HTML 5.1 から変更なし。
HTML 5.1
dir の定義
勧告 HTML Living Standard のスナップショットであり、HTML5 から変更はありません。
HTML5
dir の定義
勧告 HTML Living Standard のスナップショットであり、HTML 4.01 Specification の仕様に値 auto を追加、および真にグローバルな属性になりました。
HTML 4.01 Specification
dir の定義
勧告 <applet>, <base>, <basefont>, <bdo>, <br>, <frame>, <frameset>, <iframe>, <param>, <script> を除くすべての要素で対応します。

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 あり あり あり あり あり あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり あり あり あり あり

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yyss
最終更新者: mfuji09,