BLOG

ブログ

不まじめなことも書いています。

あまり使わない文字組みで使えるCSS

2017.06.26

subordinate

これを書いたのは下っ端です。

インターコードの謎の役職下っ端です。

今回、使う機会があまりないけど、
メモ程度に残しておいた文字組みで使えるCSS自分用にメモりご紹介します。
書き方もざっくり書いておきます。
旧ブラウザは対応していませんので、あしからず。

まずは、ベーシックな

書き方

.yokogaki{text-align:left;}
ベーシックな文字組みだけど、
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を探すのも面白いですね。

おしまい

BLOGを見る