writing-mode

Baseline 已广泛支持

此特性已得到良好确立,可跨多种设备和浏览器版本使用。自 2017 年 3 月起,所有浏览器均支持此特性。

writing-mode 属性指定 <text> 元素的初始行内流方向是自左向右、自右向左还是自顶向下。writing-mode 属性仅适用于 <text> 元素;该属性将被忽略 <tspan><textPath> 子元素。(请注意,由于 Unicode 双向算法和 directionunicode-bidi 属性,行内流方向可能会在 <text> 元素内发生变化。)

注意: 作为呈现属性,writing-mode 也有一个对应的 CSS 属性:writing-mode。当同时指定两者时,CSS 属性具有优先权。

你可以将此属性与以下 SVG 元素一起使用

用法说明

默认值 horizontal-tb
horizontal-tb | vertical-rl | vertical-lr
可动画的
horizontal-tb

此值定义了自顶向下的块流方向。写作模式和排版模式都是水平的。

vertical-rl

此值定义了自右向左的块流方向。写作模式和排版模式都是垂直的。

vertical-lr

此值定义了自左向右的块流方向。写作模式和排版模式都是垂直的。

规范

规范
CSS Writing Modes Level 4
# block-flow
Scalable Vector Graphics (SVG) 2
# WritingModeProperty

浏览器兼容性

另见