CSS writing-mode 属性

实例

规定水平还是垂直地排布文本行:

p.test1 {
  writing-mode: horizontal-tb; 
}

p.test2 {
  writing-mode: vertical-rl; 
}

span.test2 {
  writing-mode: vertical-rl; 
}

亲自试一试

定义和用法

writing-mode 属性规定水平还是垂直地排布文本行。

默认值: horizontal-tb
继承:
动画制作: 不支持。请参阅:动画相关属性
版本: CSS3
JavaScript 语法: object.style.writingMode="vertical-rl"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

属性 Chrome IE Firefox Safari Opera
writing-mode 48.0 12.0 41.0 11.0 35.0

CSS 语法

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

属性值

描述
horizontal-tb 让内容从左到右水平流动,从上到下垂直流动。
vertical-rl 让内容从上到下垂直流动,从右到左水平流动。
vertical-lr 让内容从上到下垂直流动,从左到右水平流动。

相关页面

CSS 教程:CSS 文本效果

CSS 参考手册

CSS 属性

目录