

#
#
指定できる値
属性値 | 説明 |
---|---|
auto | 自動 |
ltr | 左から右へ文字を書く |
rtl | 右から左へ文字を書く |
属性値を“auto”とした場合ブラウザが自動的に書字方向を判定しますが、この場合誤って判定される場合もあります。このため、ユーザーが入力したテキストなど書字方向がわからない場合以外は指定するべきではありません。
“bdo”要素には属性値を“auto”として指定することはできません。
#
サンプルコード
<p dir="ltr">
秋は夕暮れ<br>
夕日のさして<br>
山の端いと近うなりたるに<br>
烏のねどころへ行くとて<br>
三つ四つ、二つ三つなど<br>
飛びいそぐさえ あはれなり<br>
まいて雁などの つらねたるが<br>
いと小さく見ゆるは いとをかし<br>
日入り果てて<br>
風の音 虫の音など<br>
はた言ふべきにもあらず<br>
</p>
秋は夕暮れ
夕日のさして
山の端いと近うなりたるに
烏のねどころへ行くとて
三つ四つ、二つ三つなど
飛びいそぐさえ あはれなり
まいて雁などの つらねたるが
いと小さく見ゆるは いとをかし
日入り果てて
風の音 虫の音など
はた言ふべきにもあらず