テキスト右揃え | Work Note

テキスト右揃え

align="right"


以外で右揃えをCSSで指定する場合


-----------------------------------------

p.right {
unicode-bidi: embed;   /* Unicodeによる文字表記を一部変更 */
direction: rtl;        /* ←↑これで右揃えに*/
}

-----------------------------------------


テキストを<p>タグで囲み上記2行の指定で

右揃えになります。




unicode-bidi:bidi-override; と指定すると、Unicodeがムシされて

日本語が右から左方向に表示される。

アラビア語など日本語と逆方向の表示のときに使えるテクニック。



※DreamWeaverのデザインビューでは左揃えのままだが、

ブラウザーで見ると右揃えになっています。


検証済み環境

------------------------------------

■OS:WindowsXP

ブラウザ

・ Internet Explorer 6.0.2900

・ Mozilla Firefox 2.0.0.18

・ Safari 3.1.1

・ Opera 9.50

・ Google Chrome 0.4.154.25

・ Sleipnir 2.8.3

------------------------------------

■OS:Mac 10.4.1.1

ブラウザ

・ Safari 3.2.1

・ Mozilla Firefox 3.0.4

------------------------------------