あまり使わない文字組みで使えるCSS
2017.06.26
これを書いたのは下っ端です。
インターコードの謎の役職下っ端です。
今回、使う機会があまりないけど、
メモ程度に残しておいた文字組みで使えるCSSを自分用にメモりご紹介します。
書き方もざっくり書いておきます。
旧ブラウザは対応していませんので、あしからず。
まずは、ベーシックな
書き方
.yokogaki{text-align:left;}
ベーシックな文字組みだけど、
WEBだとあんまり使わない
WEBだとあんまり使わない
書き方
.tategaki{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
使い所がわからない
書き方
.yokotate-gaki{-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
もう何でもありな
書き方
.tatenaname-gaki{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-moz-transform: rotate(55deg);-webkit-transform: rotate(55deg);transform: rotate(55deg);}
最後はがっちゃんこ！
と、これで以上です。
ブラウザや端末によって見え方は変わるでしょうが、いろいろな文字組みが出来るCSSがあります。
でも使う機会があまりない。
そんなCSSも沢山ある中使えるCSSを探すのも面白いですね。
おしまい
