目次
CSS
|
1 2 3 4 5 6 |
.vertical-text{ writing-mode: vertical-rl; /* 縦書き（右から左へ） */ text-orientation: upright; /* テキストの方向を直立に保つ */ } |
HTML
|
1 2 3 |
<p class="vertical-text">縦書きにしたいテキスト</p> |
リセットする（横書きに戻す）場合
リセットする場合
|
1 2 3 4 5 |
.vertical-text{ writing-mode: initial; } |
横書きにする場合
|
1 2 3 4 5 |
.vertical-text{ writing-mode: horizontal-tb; /* 横書き */ } |
