このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

グローバル属性~“dir”属性

記事May 1st,2016
July 7th,2020
テキストの書字方向を示す属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

dir”属性について

dir”属性は要素の内容のテキストの書字方向を示す属性です。

グローバル属性としての“dir”属性はbdo”要素に指定した場合のようにその文字にもともと設定されている書字方向を上書きすることはできません。例えば、日本語を右から左に書くのには使用できません。

bdo”要素ではdir”属性は必須属性です。

指定できる値

属性値 説明
auto 自動
ltr 左から右へ文字を書く
rtl 右から左へ文字を書く

属性値を“auto”とした場合ブラウザが自動的に書字方向を判定しますが、この場合誤って判定される場合もあります。このため、ユーザーが入力したテキストなど書字方向がわからない場合以外は指定するべきではありません。

bdo”要素には属性値を“auto”として指定することはできません。

サンプルコード

<p dir="ltr">
秋は夕暮れ<br>
夕日のさして<br>
山の端いと近うなりたるに<br>
烏のねどころへ行くとて<br>
三つ四つ、二つ三つなど<br>
飛びいそぐさえ あはれなり<br>
まいて雁などの つらねたるが<br>
いと小さく見ゆるは いとをかし<br>
日入り果てて<br>
風の音 虫の音など<br>
はた言ふべきにもあらず<br>
</p>

秋は夕暮れ
夕日のさして
山の端いと近うなりたるに
烏のねどころへ行くとて
三つ四つ、二つ三つなど
飛びいそぐさえ あはれなり
まいて雁などの つらねたるが
いと小さく見ゆるは いとをかし
日入り果てて
風の音 虫の音など
はた言ふべきにもあらず

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク