css writing-mode属性设置文本书写模式

CSS writing-mode属性

CSS writing-mode属性可以用来设置文本书写模式，以此来实现文本的垂直书写或水平书写。它是CSS3中新增的属性，可以用于网页制作、文档制作以及其他文本处理系统中。

使用方法

使用CSS writing-mode属性时，可以使用以下几个值：

• horizontal-tb：表示文本从左到右的水平书写，这是默认值。
• vertical-rl：表示文本从右到左的垂直书写。
• vertical-lr：表示文本从左到右的垂直书写。
• sideways-rl：表示文本从右到左的侧转书写，这是CSS3中新增的值。
• sideways-lr：表示文本从左到右的侧转书写，这是CSS3中新增的值。

/* 水平书写 */
.example {
  writing-mode: horizontal-tb;
}

/* 垂直书写 */
.example {
  writing-mode: vertical-rl;
}

/* 侧转书写 */
.example {
  writing-mode: sideways-lr;
}

CSS writing-mode属性还可以使用关键字inherit，表示继承父元素的书写模式。

/* 继承父元素的书写模式 */
.example {
  writing-mode: inherit;
}