CSS writing-mode 屬性

定義和用法

writing-mode 屬性規定水平還是垂直地排布文本行。

另請參閱：

CSS 教程：CSS 文本效果

實例

規定水平還是垂直地排布文本行：

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

親自試一試

CSS 語法

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

屬性值

值 描述
horizontal-tb 讓內容從左到右水平流動，從上到下垂直流動。
vertical-rl 讓內容從上到下垂直流動，從右到左水平流動。
vertical-lr 讓內容從上到下垂直流動，從左到右水平流動。

技術細節

默認值： horizontal-tb
繼承： 是
動畫制作： 不支持。請參閱：動畫相關屬性。
版本： CSS3
JavaScript 語法： object.style.writingMode="vertical-rl"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0