As it is.

縦書きの設定

縦書きの設定

日本語の縦書きの設定を追加しました。
As it is.のホームページに縦書きの画像を表示していましたが、

設定

縦書きするには、「writing-mode: vertical-rl;」を追加します。
「vertical」が縦。「rl」が右から左(Right to Left)という意味になります。
また、IE用には別の書き方になります。 「-ms-」をつけることで対応することができます。

CSS設定
writing-modevertical-rl
-ms-writing-modetb-rl

和文と英文の表記

縦書きの微調整をします。縦書きには微調整をする必要があるので注意しましょう。
文字の表記方向を設定するのに「text-orientation」を使います。デフォルトでは「mixed」となっています。
この設定で、和文は縦。英文は横で表示されます。もし、英数字も縦書きにする場合は、「upright」に設定します。