Caution

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

CSSプロパティ辞典

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』と指定する必要がありますのでご注意ください。

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

トップページへ

WebProgrammingPortalウェブプログラミングポータル