Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

CSSプロパティ辞典

  1. トップページ
  2. CSSプロパティ辞典
  3. direction

direction

文章の進行方向を指定します。

サンプルコード
div.test { direction: ltr;}
div.test1 { direction: rtl;}
指定可能な値一覧
値概要
ltr文章の進行方向を左から右方向へと指定します。日本語圏や英語圏ではこの『ltr』が初期値です。
rtl文章の進行方向を右から左方向へと指定します。この値を指定する場合には『unicode-bidi』プロパティに『bidi-override』と同時に指定する必要がありますのでご注意ください。
ブラウザでの表示結果
<p style="direction: ltr">ここはp要素です。『direction: <span style="color: #f00">ltr</span>』と指定しています。</p>


<p style="direction: rtl; unicode-bidi: bidi-override;">ここはp要素です。『direction: <span style="color: #f00">rtl</span>』、『unicode-bidi: bidi-override;』と指定しています。</p>

対応ブラウザ
IE6 IE7 IE8 IE9 IE10 IE11 Safari Chrome Firefox Opera

iPhone Safari Android2系 標準ブラウザ Android4系 標準ブラウザ

概要

文章の進行方向を指定します。

文章を右から左方向へと進めたい場合は値に『rtl』と指定するだけでなく、『unicode-bidi』プロパティに『bidi-override』と指定する必要がありますのでご注意ください。

記事の間違いや著作権の侵害等ございましたらお手数ですがまでご連絡頂ければ幸いです。

シェア
このエントリーをはてなブックマークに追加