dir 属性書字方向を指定する

dir 属性は要素内のテキストの書字方向を指定します。

dir 属性はグローバル属性に分類され、すべての HTML 要素において使用することができます。dir 属性には、下記の値が指定できます。

属性値 概要
ltr 書字方向を 「左から右」 と明示
rtl 書字方向を 「右から左」 と明示
auto 双方向文字の種別によってプログラム的に判断 ※1

※1
要素の dir 属性が auto の場合、または該当要素が bdi 要素で、かつ dir 属性が存在しない、または無効な値 (ltr、rtl 以外) の場合は双方向文字の種別により、

  • 双方向文字の種別が AL、または R の場合は rtl
  • 双方向文字の種別が L の場合は ltr

として扱います。

サンプルソースを見る

dir 属性の仕様

この属性を使用できる要素
  • すべての HTML5 要素

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>

W3C HTML5 仕様書

3.2.3.6 The dir attribute