HTML DOM Element dir属性

定義と使用方法

dir 属性は要素のdir属性を設定または返します。

dir 属性がテキスト方向を定義します。

参照もしくは

Style direction 属性

HTML dir 属性

CSS direction 属性

例

例1

"myP"のテキスト方向を"right-to-left"に変更：

document.getElementById("myP").dir = "rtl";

実際に試してみてください

例2

ドキュメントのテキスト方向を返す：

document.body.dir;

実際に試してみてください

例3

ドキュメントのテキスト方向を設定：

document.body.dir = "rtl";

実際に試してみてください

文法

dir属性を返す：

element.dir

dir属性を設定：

element.dir = "ltr|rtl|auto"

属性値

値 説明
ltr 左から右へのテキスト方向（デフォルト）。
rtl 右から左へのテキスト方向。
auto ブラウザが決定します。

返り値

タイプ 説明
文字列 要素のテキスト方向。

ブラウザのサポート

すべてのブラウザがサポートしています element.dir：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート サポート サポート サポート サポート サポート