こんにちは!6月なのに暑すぎてすでに夏バテ起こしそうなkentaです。
今回はcssで文字を縦書きにする方法を書いていきたいと思います!
文字を縦書きにする方法
基本Web サイトは横書きなので縦書きを活用する機会は少ないと思いますが日本らしさや和風っぽさを取り入れたいときに必要になってくるかもしれません。
僕もやり方が分からなくて普段なら画像にしてなんとかしていましたがなんとCSSで縦書きができるらしいんです!!
どうやってやるの??
縦書きにする方法はとても簡単!!
縦書きにしたい箇所にcssで
writing-mode: vertical-rl
を入れてあげましょう!
調べてみるとverticalが縦という意味でrlがright leftで右から左みたいな意味らしいです。
なのでlrにすると左から右に表示されます!
See the Pen Untitled by kenta66448284 (@kenta66448284) on CodePen.
試しのこのコードををコピペして表示させてみてください!
あっという間に日本特有の順序で表示されるようになりました!
今回縦書きにする方法を書きました!
もしやり方に困ったらこの方法を試してみてください!!