CSS direction 属性

定義と使用方法

direction属性はテキストの方向 / 書き込み方向を指定します。

この属性は、ブロックの基本的な書き込み方向と、Unicodeバイドアルゴリズムに対する埋め込みおよび覆写方向を指定します。バイドテキストをサポートしないユーザーエージェントはこの属性を無視することができます。

も参照してください:

CSSチュートリアル:CSS 文本

HTML DOMリファレンスマニュアル:direction属性

テキストの方向を「右から左」に設定する:

div
  {
  direction: rtl;
  }

実際に試してみる

CSS文法

direction: ltr|rtl|initial|inherit;

属性値

説明
ltr デフォルト。テキストの方向は左から右です。
rtl テキストの方向は右から左です。
inherit direction属性の値は親要素から継承されるべきです。

他の例

テキストの方向を設定する
この例では、テキストの方向を設定する方法を示します。

技術的詳細

デフォルト値: ltr
継承性: yes
バージョン: CSS2
JavaScript文法: object.style.direction="rtl"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
2.0 5.5 1.0 1.3 9.2