写入模型 | writing-mode (Writing Modes) - CSS 中文开发手册

writing-modeCSS属性定义文本行是否水平或垂直布置以及块扩展的方向。

/* Keyword values */
writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-lr;

/* Global values */
writing-mode: inherit;
writing-mode: initial;
writing-mode: unset;

语法

该属性指定块流向，即块级别容器堆叠的方向，以及内联级别内容在块容器内流动的方向。因此，writing-mode属性也决定了块级内容的排序。

可能值

horizontal-tb——内容按从左到右水平从上到下垂直流动。下一条水平线位于上一条线的下方。

vertical-rl——内容按从上到下垂直流动，水平从右到左。下一条垂直线位于前一行的左侧。

vertical-lr——内容按从上到下垂直流动，水平从左到右。下一条垂直线位于上一行的右侧。

sideways-rl——内容按从上到下垂直流动，所有的字形，甚至是垂直字形的字形都被设置在右侧。sideways-lr——内容按从上到下垂直流动，所有的字形，甚至垂直的字形，都被放在左侧。

lr——已弃用，但SVG1文档除外。对于CSS，使用horizontal-tb。

lr-tb——已弃用，但SVG1文档除外。对于CSS，使用horizontal-tb。

rl——已弃用，但SVG1文档除外。对于CSS，使用horizontal-tb。

tb——已弃用，但SVG1文档除外。对于CSS，使用vertical-lr。

tb-rl——已弃用，但SVG1文档除外。对于CSS，使用vertical-rl。

形式语法

horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr

实例

实际结果

规范

浏览器兼容性

另见

SVG writing-mode attributedirectionunicode-biditext-orientationtext-combine-upright