CSS書き込みモードプロパティ
例
テキストの行を水平方向に配置するか垂直方向に配置するかを指定します。
p.test1 {
writing-mode: horizontal-tb;
}
p.test2 {
writing-mode: vertical-rl;
}
span.test2 {
writing-mode:
vertical-rl;
}
定義と使用法
このwriting-mode
プロパティは、テキストの行を水平方向に配置するか垂直方向に配置するかを指定します。
デフォルト値: | 水平-tb |
---|---|
遺伝性の: | はい |
アニメート可能: | 番号。アニメート可能について読む |
バージョン: | CSS3 |
JavaScript構文: | object .style.writingMode = "vertical-rl" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
writing-mode | 48.0 | 12.0 | 41.0 | 11.0 | 35.0 |
CSS構文
writing-mode: horizontal-tb|vertical-rl|vertical-lr;
プロパティ値
Value | Description |
---|---|
horizontal-tb | Let the content flow horizontally from left to right, vertically from top to bottom |
vertical-rl | Let the content flow vertically from top to bottom, horizontally from right to left |
vertical-lr | Let the content flow vertically from top to bottom, horizontally from left to right |
関連ページ
CSSチュートリアル:CSSテキスト効果