IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

「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を書くことができます。

 

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