【HTML Living Standard】dir属性の使い方

dirプロパティは、HTML要素内のテキストの書字方向を定義する情報を保持するプロパティです。これはほとんどのHTML要素に適用できるグローバル属性で、内容の言語や文化圏に合わせてテキストの表示方向を制御します。指定できる値は、左から右へ書かれる言語（日本語や英語など）にはltr（left-to-right）、右から左へ書かれる言語（アラビア語やヘブライ語など）にはrtl（right-to-left）を指定し、ブラウザに自動判別させるautoの三種類です。autoは、内容がアラビア語の文字で始まればrtl、英語の文字で始まればltrと判断するといった挙動です。

dirプロパティは、文書の論理的な書字方向を決定します。これは単にテキストの表示位置を右揃えにするCSSのプロパティとは異なり、テキストの表示順序、句読点の配置、数値の表示、さらには表の列の順序など、コンテンツのレイアウトと挙動に影響を与えます。親要素のdirプロパティは、子要素にも継承されます。多言語対応のウェブサイトを構築する際に、コンテンツの視認性と正確な意味を確保する上で重要です。autoの値は便利ですが、信頼性の低い外部コンテンツを扱う場合には、意図しない書字方向と解釈される可能性もあるため、注意が必要です。

Copy
1<p dir="rtl">このテキストは右から左に書かれます。</p>

引数なし

引数はありません

戻り値なし

戻り値はありません