CSS writing-mode 属性

writing-mode CSS 属性指定文本是垂直还是水平书写。如果方向是垂直的，它可以是从右到左 (vertical-rl) 或从左到右 (vertical-lr)。此属性设置文本行是垂直还是水平排列。它指定内容在页面上的流动方向。它指定块流方向，块级框（或容器）堆叠的方向，以及它们在容器内流动的方向。

语法

属性值

此属性的值定义如下。

horizontal-tb: 这是此属性的默认值。使用此值时，文本将是水平方向，从左到右，从上到下阅读。

vertical-rl: 此值以垂直方向显示文本，文本从上到下，从右到左阅读。

vertical-lr: 此值与 vertical-rl 类似，但文本是从左到右阅读的。

示例 1

在此示例中，我们使用了 CSS writing-mode 属性的所有主要值。这里有三个段落元素，其中包含一些文本行。我们为第一个段落元素应用了 writing-mode: horizontal-tb;，为第二个段落应用了 writing-mode: vertical-lr;，为第三个段落应用了 writing-mode: vertical-rl;。

在输出中，我们可以看到第二个段落的内容是垂直的，从左到右流动，第三个段落的内容也是垂直的，但方向是从右到左。

示例 2

在此示例中，我们还与 writing-mode 属性一起使用了 letter-spacing 属性。