writing-mode
CSSの書き方
writing-mode:値 ;
| CSSの詳細情報 | |||||
|---|---|---|---|---|---|
| プロパティ名 | writing-mode | 読み方 | ライティング・モード | ||
| 初期値 | lr-tb | 意味 | 文字の縦書き | ||
| 値 | lr-tb/tb-rl | ||||
| 対象 | すべての要素 | ||||
| CSSレベル | CSSレベル3（予定） | 対応ブラウザ | Windows | MAC | |
| 継承 | する | IE 5.5以上 | — | ||
解説
文字を縦書きにするスタイルシートです。
日本語独特の書き方のため、このプロパティは現在一部のInternetExplorerしか対応していませんが、CSSレベル3で実装予定だそうです。
値
「writing-mode:tb-rl;」とすることで、文字が縦書きになります。
初期値は「lr-tb」です。
開始位置
通常、縦書きは右側から書き始めますので、「writing-mode:tb-rl;」とすると、縦書きの文章はブラウザの画面右側に表示されます。（サンプル参照）
CSS/HTMLサンプル
p { writing-mode:tb-rl; background-color:#ffdff9; }
段落要素に含まれる文字列を縦書きにする サンプル
