CSS text-orientation 属性

此 CSS 属性指定内容行中文本的方向。它仅适用于垂直模式的内容。此属性不会影响具有水平书写模式的元素。

它帮助我们控制使用垂直脚本的语言的显示。此属性有五个值：mixed, sideways, upright, sideways-right, 和 use-glyph-orientation。其默认值为 mixed。此属性的所有值仅在垂直模式下工作。

此属性取决于 writing-mode 属性。仅当 writing-mode 未设置为 horizontal-tb 时，它才起作用。

语法

该属性的值列表如下。

属性值

让我们通过一些例子来理解这个属性。

示例 1

在此示例中，有两个段落元素，其 CSS 属性为 writing-mode: vertical-rl; 和 writing-mode: vertical-lr;。在这里，我们应用了 text-orientation 属性的 mixed 和 upright 值。

在输出中，我们可以看到此 CSS 属性的 upright 值的影响。

输出

示例 2

这里的 writing-mode 设置为 vertical-rl，我们正在使用 text-orientation 属性的 sideways 值。

此值仅在 Firefox 中起作用。我们将在 Mozilla Firefox 浏览器中执行以下代码。

输出