IT the Best

HTML/CSS/JSに関する情報やはてなブログのカスタマイズに関する情報を掲載しています。

「HTML」縦書き・行書体による575 | 「CSS」

f:id:Surprisedblog:20190530232941p:plain

 


あこがれた

 たてにしたくて
    できなくて

 

などと思った人も多いでしょう。

 

ご覧のとおり縦書きはできます。

縦にする

-webkit-writing-mode: vertical-rl; 
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;

行書体

font-family: “HGP行書体”, “MS P明朝”, “MS PMincho”, serif;writing-mode: vertical-rl; 

 

上の二つを加えるだけで、壊滅的な575を書くことができます。

 

活用シーンはあまり思い浮かびませんが、知っておいて損はないと思います。ただ、縦書きなので右寄りにするためには、スタイルを追加する必要があるなどいろいろ手間ですが...