文章を縦書きにする

書式

writing-mode: vertical-rl;

説明

文章を縦書きにするwriting-mode: vertical-rlとします。body要素に適用するとページ全体が縦書きになります。
なお、ブラウザで反映されない場合にはベンダープレフィックスを付けてみてください。

サンプル サンプルを実行 サンプルをダウンロード

body {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
}
目次に戻る