CSS direction プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

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

div {
    direction: rtl;
}
Try it Yourself ❯

定義と用法

direction プロパティは、テキストの方向/テキストの書字方向を指定します。

チップ: 同一文書で複数言語をサポートするため、テキストをオーバーライドする必要があるかどうかを設定または返す、 unicode-bidiプロパティと一緒に、このプロパティを使用します。

デフォルト値: ltr
継承: 継承する
アニメーション可否: 不可。animatable を参照
バージョン: CSS2
JavaScript 構文: object.style.direction="rtl" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
direction  2.0 5.5 1.0 1.3 9.2

CSS 構文

direction: ltr|rtl|initial|inherit;

プロパティの値

説明 Play it
ltr 書字方向を左から右にします。これがデフォルトです Play it ❯
rtl 書字方向を右から左にします Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル: CSS Text

HTML DOM リファレンス:direction プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯