CSSで縦書きしてみよう

NO IMAGE

みなさんこんにちは。ウェブデザイナーのこうしょうです。

縦書きを使う機会があったのでついでに記録として残しておきたいと思います。

ウェブサイトといえば横書き。常識ですよね?

いいえ、ちがいます。CSS3では実は縦書きに対応しています。

まずはコードから見てみましょう。

テキストを縦書きにしたい要素に対してCSSでwriting-modeプロパティにvirtical-rlを適用するだけでできるんです!(IEでは独自仕様なのでベンダープレフィックスをつけた上でtb-rlを指定します。)

 

より詳しくは縦書きWeb普及委員会(http://tategaki.github.io/)さんのサイトで紹介されています!

 

HTML&CSSカテゴリの最新記事