HTML / CSS

テキストを縦書きにするCSS

このページの目次

縦書きCSS

writing-mode: vertical-rl;

基本のCSS

writing-mode: vertical-rl;

体裁を整える

左右の中央へ

writing-mode: vertical-rl;
display: flex;
align-items: center;

 

半角数字を横向き

text-orientation: mixed

 

数字もすべて縦書き

text-orientation: upright;

 

全て横向き

text-orientation: sideways;