ページ内目次

縦書き – writing-mode: vertical-rl

そんなに多くはないけれど、表の見出しなどで縦書きしたいという場合もあります。

少し前までは、縦書きするには姑息な手段wでやらなければなりませんでしたが、今はスタイルシートで簡単にできてしまいます。

writing-modeに、vertical-rlを指定します。

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

ただ、左右の中央に配置したい場合など、まだややこしい部分も残っていますが、「CSS › CSSで縦書きを表現するemwaiblog」さんのサイトで、欧文回転や縦中横のことも解説されています。ありがとうございます。

http://blog.emwai.jp/css/tategaki/

↑上へまいりま〜す