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

CSS


.vertical-text{
  writing-mode: vertical-rl; /* 縦書き（右から左へ） */
  text-orientation: upright; /* テキストの方向を直立に保つ */
}

.vertical-text{

writing-mode: vertical-rl; /* 縦書き（右から左へ） */

text-orientation: upright; /* テキストの方向を直立に保つ */

}


<p class="vertical-text">縦書きにしたいテキスト</p>

<p class="vertical-text">縦書きにしたいテキスト</p>


.vertical-text{
  writing-mode: initial;
}

.vertical-text{

writing-mode: initial;

}


.vertical-text{
  writing-mode: horizontal-tb; /* 横書き */
}

.vertical-text{

writing-mode: horizontal-tb; /* 横書き */

}