プログラミング

【CSS】アルファベットを縦書きにする方法

スポンサーリンク

縦書き

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

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

WordPress

 

 

クリックできる目次

CSSコード

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


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

 

補足

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

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

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

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



スポンサーリンク

-プログラミング
-, , ,

© 2022 サカらいふ Powered by AFFINGER5