dir - 書式の方向を指定する

dir(directionality)は、テキストの方向を決めるための属性です。日本語では通常、左から右にかけてテキストが展開されますが、この属性を利用することで、その方向をコントロールできます。これは列挙属性で、値はltr(left to right)、rtl(right to left)、またはautoの3つの中から指定できます。アラビア語など、書式の方向が違う言語を記述する際に利用しましょう。

説明

下記は、p要素にdir属性を指定した例です。rtl(right to left)を指定した「おはよう」だけ、右から左の方向にテキストが展開されているのを確認して下さい。

HTML

<p dir="rtl">おはよう</p>
<p dir="auto">こんにちは</p>
<p dir="ltr">こんばんは</p>

おはよう

こんにちは

こんばんは

フォーム要素にも対応しています。下記は、textarea要素に、dir属性を指定した例です。右から左にかけて文字が入力されていくのを確認して下さい。

参考情報

dir属性に関する情報は、下記ページで確認できます。

  • W3C … W3Cによる勧告案。
  • WHATWG … WHATWGによる仕様書、HTML Living Standard。