2011年7月19日火曜日

CSSで縦書き

CSSで文字を縦書きにしたい場合は「writing-mode」を指定します。

【writing-mode】(IE)
tb-rl
縦書き(Top to Bottom - Right to Left)
lr-tb
横書き(Left to Right - Top to Bottom)

【-webkit-writing-mode】(webkit)
vertical-rl
縦書き
horizontal-tb
横書き

以下、サンプル(IE、webkitでみると縦書きになってるはず)

CSSで縦書き - jsdo.it - share JavaScript, HTML5 and CSS


Firefoxはtransformのrotateで回転はしてくれますが縦書き用のフォント(@)が正しく表示されないようです。

0 件のコメント:

コメントを投稿