.dir
この属性は、現在の要素に含まれるコンテンツのテキストの書式送りの方向の取得または設定を行います。
要素のテキストの書式送りの方向は、テキストが進む方向です。(異なる言語システムをサポートするため) アラビア語とヘブライ語は、典型的なRTL(Right to Left - 右から左)方向の言語です。
画像(image)は、それ自体にdir
属性を持つことが可能で、"rtl"(Right to Left - 右から左)を設定すると、
そのHTML属性であるtitle
とalt
がフォーマットされ、"rtl"として定義されます。
テーブルがdir
に"rtl"が設定されると、
カラム順が右から左のセルが用意されます。
要素のdir
に"auto"が設定されると
その要素の方向は、方向性に関して重要となる1つ目の文字、
またはその親要素のデフォルトの方向を基に決定されます。
(ここでの仕様のアルゴリズムについて、更に話合う必要があるかもしれません。)
注意: Gecko 7.0より前のバージョンでは、戻り値の全ての文字が小文字になっていない可能性がありました。 Gecko 7.0からは仕様に従い戻り値の文字列は常に小文字になりました。
文法
var CurrentWritingDirection = elementNodeReference.dir;
elementNodeReference.dir = NewWritingDirection;
-
CurrentWritingDirection
には、現在の要素のテキストの書式方向を表す文字列値が格納されます。 -
NewWritingDirection
は、テキストの書式方向を表す文字列の変数です。
値 | 説明 |
---|---|
ltr | left-to-right(左から右) |
rtl | right-to-left(右から左) |
auto | 要素の内容を基に、テキストの書式方向が決定されるように指定します。 |
例
var parg = document.getElementById("para1");
parg.dir = "rtl";
// para1のidを持つ段落(要素)のテキスト書式方向を変更します。
注意事項
仕様
- document.dir
- HTML <dir> 要素
- CSS direction プロパティ
- CSS :dir() pseudo-class
© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。
- 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
- 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
- MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
- "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。