文字表記の方向

文字表記の方向を指定します。

<div class="SAMPLE sample0">
<p>abcdefg hijklmn opqrstu vwxyz</p>
<p>ABCDEFG HIJKLMN OPQRSTU VWXYZ</p>
<p>0123456789</p>
<p>あかさたなはまやらわ</p>
<p>アカサタナハマヤラワ</p>
<p>壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会</p>
</div>

左から右へ

テキストの並び順を左から右へ。

div.sample0 {
    direction: ltr;
}

rtl

テキストの並び順を右から左へ。

※unicode-bidiをbidi-overrideに指定しないと、日本語は逆向きになりません。

※その場合、一括して指定しまうと数字も逆にあってしまうので注意してください。

div.sample1 {
    direction: rtl;
    unicode-bidi: bidi-override;
}