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