日本語の縦書きの設定を追加しました。
As it is.のホームページに縦書きの画像を表示していましたが、
縦書きするには、「writing-mode: vertical-rl;」を追加します。
「vertical」が縦。「rl」が右から左(Right to Left)という意味になります。
また、IE用には別の書き方になります。 「-ms-」をつけることで対応することができます。
CSS | 設定 |
---|---|
writing-mode | vertical-rl |
-ms-writing-mode | tb-rl |
縦書きの微調整をします。縦書きには微調整をする必要があるので注意しましょう。
文字の表記方向を設定するのに「text-orientation」を使います。デフォルトでは「mixed」となっています。
この設定で、和文は縦。英文は横で表示されます。もし、英数字も縦書きにする場合は、「upright」に設定します。