CSS writing-mode 屬性
實例
表格中展示了不同的書寫模式：
.example.Text1 span, .example.Text1 {
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
}
.example.Text2 span, .example.Text2 {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: vertical-lr;
}
.example.Text3 span, .example.Text3 {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
}
.example.Text4 span, .example.Text4 {
writing-mode: sideways-lr;
-webkit-writing-mode: sideways-lr;
-ms-writing-mode: sideways-lr;
}
.example.Text5 span, .example.Text5 {
writing-mode: sideways-rl;
-webkit-writing-mode: sideways-rl;
-ms-writing-mode: sideways-rl;
}
屬性定義及使用說明
writing-mode 屬性定義了文本在水準或垂直方向上如何排布。
語法格式如下：
writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
- horizontal-tb：水準方向自上而下的書寫方式。即 left-right-top-bottom
- vertical-rl：垂直方向自右而左的書寫方式。即 top-bottom-right-left
- vertical-lr：垂直方向內內容從上到下，水準方向從左到右
- sideways-rl：內容垂直方向從上到下排列
- sideways-lr：內容垂直方向從下到上排列
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| writing-mode | 8.0 | 6.0 | 41.0 | 5.1 | 15 |