CSS WEB制作

【CSS】アルファベットを縦書きにする方法わかりやすく解説します

縦書き

今回はアルファベットを縦書きにする方法です。

このようなテキストです。

WordPress

CSSコード

※htmlのコードは省略します。


.p{
writing-mode: vertical-rl;
}

 

補足

ちなみに、「vertical-rl」の「rl」について。

これは 右(right)から左(left)に流れて縦書きにするよ、という意味です。
逆の場合は「lr」となります。

1行だけの場合は、「rl」でも「lr」でもどちらでも縦書きになりますので、
あまり気にしなくてもいいかもしれません。

詳しく知りたい方はこちらもどうぞ。
https://kiyoblog.org/css-flex/



-CSS, WEB制作
-

© 2024 人生フリーハンド Powered by AFFINGER5