writing-mode

實(shí)例

表格中展示了不同的書(shū)寫(xiě)模式：

.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; }

運(yùn)行代碼 ?

屬性定義及使用說(shuō)明

writing-mode 屬性定義了文本在水平或垂直方向上如何排布。

語(yǔ)法格式如下：

writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr

horizontal-tb：水平方向自上而下的書(shū)寫(xiě)方式。即 left-right-top-bottom
vertical-rl：垂直方向自右而左的書(shū)寫(xiě)方式。即 top-bottom-right-left
vertical-lr：垂直方向內(nèi)內(nèi)容從上到下，水平方向從左到右
sideways-rl：內(nèi)容垂直方向從上到下排列
sideways-lr：內(nèi)容垂直方向從下到上排列

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
writing-mode	8.0	6.0	41.0	5.1	15

上一篇：z-index 下一篇：CSS border-right-color 屬性