writing-mode(写作模式)
writing-mode
属性指定<text>
元素的初始内联进程方向是从左到右,从右到左还是从上到下。该writing-mode
属性仅适用于<text>
元素; 该属性被用于忽略<tspan>
,<tref>
,<altGlyph>
和<textPath>
子元素。(请注意,<text>
由于Unicode双向算法和属性direction
,内联进程方向可以在元素内更改unicode-bidi
。
作为一个表现属性,它也可以作为一个属性直接在一个CSS样式表,请参阅css writing-mode
进一步的信息
使用上下文
Categories | Presentation attribute |
---|---|
Value | lr-tb | rl-tb | tb-rl | lr | rl | tb | inherit |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition) |
lr-tb | lr将最初的内联进程方向设置为从左到右,这在大多数基于拉丁语的文档中都是常见的。对于大多数字符,在每个字形呈现后,当前文本位置从左向右前进.rl-tb | rl将最初的内联进程方向设置为从右到左,这在阿拉伯语或希伯来语脚本中很常见.tb-rl | tb首先将内联进程方向设置为从上到下,这在一些亚洲脚本(如中文和日文)中很常见。虽然没有水平那么频繁,但这种类型的垂直布局也出现在基于拉丁文的文档中,特别是在表格列或行标签中。在大多数情况下,贯穿每个字形中间的垂直基线是对齐的。
示例
元素
以下元素可以使用writing-mode
属性
<text>
See also
- CSS version:
writing-mode
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com