目录

CSS text-orientation 属性

❮上一节完整的CSS参考下一节❯

示例

设置不同 <div> 元素的文本方向：

div.a {
text-orientation: mixed;
}

div.b {
text-orientation: upright;
}

亲自试一试 »

定义和用法

这个text-orientation属性指定字符的方向。

笔记：仅在以下情况下有效写作模式设置为垂直。

展示演示❯

默认值：	混合的
遗传：	是的
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.textOrientation="upright"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
text-orientation	48.0	79.0	41.0	14.0	35.0
sideways (property value)	Not supported	Not supported	44.0	Not supported	Not supported

CSS 语法

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;

属性值

Value	Description	Demo
mixed	Deafult value. Characters are rotated 90 degrees clockwise.	Demo ❯
upright	Characters are not rotated, but standing upright.	Demo ❯
sideways	Only supported in Firefox. Characters are orientated the same as the text lines are oriented with writing-mode vertical, 90 degrees clockwise.
sideways-right	Equal to property value sideways. Kept for compatibility purposes.
use-glyph-orientation	For use in SVG elements, so that text inherits deprecated SVG properties glyph-orientation-vertical and glyph-orientation-horizontal.
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

更多示例

示例

text-orientation 属性可用于更改表标题中的方向：

th {
writing-mode: vertical-lr;
text-orientation: upright;
}

亲自试一试 »

相关页面

CSS 写入模式属性：CSS 写入模式属性

❮上一节完整的CSS参考下一节❯