CSS3で縦書きにする方法

ブラウザ間によって異なりますが、writing-mode: vertical-rl;を指定したときには、
Chrome、Safariは右詰めになります。
Firefoxでは左詰めで表示されます。

tate {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

行間を設定したい場合、line-heightで設定します。
text-indent。1em(1文字分)下げれば、縦書きにはピッタリです。

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です