dir 属性書字方向を指定する
dir 属性は要素内のテキストの書字方向を指定します。
dir 属性はグローバル属性に分類され、すべての HTML 要素において使用することができます。dir 属性に指定できる値（キーワード）と意味は下記の通りです。
| キーワード | 意味 |
|---|---|
| ltr | 書字方向を 「左から右」 と明示 |
| rtl | 書字方向を 「右から左」 と明示 |
| auto | 双方向文字の種別によってプログラム的に判断 |
要素の dir 属性が auto の場合、または該当要素が bdi 要素で、かつ dir 属性が存在しない、または無効な値 （ltr、rtl 以外） の場合は双方向文字の種別により、
- 双方向文字の種別が AL、または R の場合は
rtl - 双方向文字の種別が L の場合は
ltr
として扱います。
つまり、値が auto である場合の判断方法についてごく簡略に示せば、その要素が親要素を持ち、かつ dir 属性によって書字方向が明示されていない場合、その要素の書字方向は、その要素の親要素の書字方向と同じになります。
dir 属性の仕様
- この属性を使用できる要素
-
- すべての HTML 要素
dir 属性のサンプルソース
<!-- IM での会話をマークアップした例 --> <p dir="auto" class="user1"><b><bdi>Student</bdi>:</b> How do you write "What's your name?" in Arabic?</p> <p dir="auto" class="user2"><b><bdi>Teacher</bdi>:</b> ما اسمك؟</p> <p dir="auto" class="user1"><b><bdi>Student</bdi>:</b> Thanks.</p> <p dir="auto" class="user2"><b><bdi>Teacher</bdi>:</b> That's written "شكرًا".</p> <p dir="auto" class="user2"><b><bdi>Teacher</bdi>:</b> Do you know how to write "Please"?</p> <p dir="auto" class="user1"><b><bdi>Student</bdi>:</b> "من فضلك", right?</p>