縦書き表示するCSS

CSSで文庫小説のように縦書きを実現できるようなので試しました。

縦書き表示をする

-webkit-writing-modeと-webkit-text-orientationを使います。

縦書き表示のCSS

p {
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
}

反映の例

ツイッターのツイートを縦書き表示にしてみました。

縦書すると顔文字が変になります。
スマホだとそこそこ使えたりするのかな(☝ ՞ਊ ՞)