★direction(テキストの表示方向)
unicode-bidi

戻る

direction(テキストの表示方向) unicode-bidi


解説
世界には右から左に書く言語もあります。そんな時、この属性でテキストの表示方向を指定します。
HTMLにおけるbdoエレメントと同じ扱い。
direction:
テキストの表示方向を指定する属性
unicode-bidi:
Unicodeによるテキストの表示方向を制御する属性
文字コードがUnicodeで記述されている場合、ブラウザがUnicodeによりテキストの表示方向を認識します。そのためdirection属性を指定しても指定したとおりになりません。

  • direction
    ltr:左から右に表示
    rtl:右から左に表示

  • unicode-bidi
    normal:通常表示
    bidi-override:direction属性に準じた表示
    embed:Unicodeに準じた表示

初期値

  • direction
    ltr

  • unicode-bidi
    normal
%値の基準  

適用

すべてのエレメント

継承

  • direction
    する

  • unicode-bidi
    しない

 

対応状況
全ての値   L2   N6 N7   O7 ff1 NA1 GA1 MO1 K2 K3     E5   E55 E6
使用例

ソース

スタイル部に、

.rtl-normal{direction:rtl;unicode-bidi:normal;}
.rtl-bidi-override{direction:rtl;unicode-bidi:bidi-override;}
.rtl-embed{direction:rtl;unicode-bidi:embed;}

と記述し、

body部に、

<div class="rtl-normal">日本語の場合となりますが、通常表示です。</div>
<div class="rtl-bidi-override">日本語の場合となりますが、direction属性に準じた表示です。</div>
<div class="rtl-embed">日本語の場合となりますが、Unicodeに準じた表示です。</div>

と記述すると。

表示&操作

日本語の場合となりますが、通常表示です。
日本語の場合となりますが、direction属性に準じた表示です。
日本語の場合となりますが、Unicodeに準じた表示です。

と表示されます。


Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/direction.html
E-mailpokochan@mx1.tees.ne.jp