字形方向-垂直
已弃用:此特性不再推荐。虽然某些浏览器可能仍然支持它,但它可能已经从相关的网络标准中删除,可能正在删除过程中,或者可能仅为兼容性目的而保留。请避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格以指导您的决策。请注意,此特性可能随时停止工作。
glyph-orientation-vertical
属性影响渲染每个 字形 时,当前文本位置前进的量。
当内联 progression direction 为垂直方向,并且 glyph-orientation-vertical
导致的角度是 180 度的倍数时,则当前文本位置会根据字形的垂直度量进行递增。否则,如果角度不是 180 度的倍数,则当前文本位置会根据字形的水平度量进行递增。
此属性仅应用于使用垂直 writing-mode
编写的文本。
注意: 作为演示属性,glyph-orientation-vertical
还有一个对应的 CSS 属性:glyph-orientation-vertical
。当同时指定两者时,CSS 属性具有优先权。
你可以将此属性与以下 SVG 元素一起使用
上下文说明
值 |
auto | <angle> |
---|---|
默认值 | auto |
可动画的 | 否 |
auto
-
全角 表意文字 和全角拉丁文本将设置为 0 度字形方向。表意标点符号和其他具有水平和垂直交替形式的表意字符将使用字形的垂直形式。非全角文本将设置为 90 度字形方向。
此重新定向规则仅适用于第一层非表意文本。所有后续的 writing mode 嵌入或双向处理都将基于第一层旋转。
注意: 以这种“旋转”方式设置的文本可能包含连字或其他字形组合和重排序,这在语言和脚本中很常见。(此演示形式不会禁用自动连字形成或类似的上下文驱动的变化。)
应自动旋转的字符的确定可能因用户代理而异。该确定基于国家、语言、脚本、字符属性、字体和字符上下文之间的复杂交互。
<angle>
-
角度值被限制为 0、90、180 和 270 度。如果指定了其他角度,它将被舍入到最接近的允许值。
0deg
表示所有字形都设置为字形的顶部朝向参考方向。90deg
表示从参考方向顺时针旋转 90 度。
规范
规范 |
---|
Scalable Vector Graphics (SVG) 2 # GlyphOrientationVerticalProperty |
浏览器兼容性
加载中…