dominant-baseline(显性基线)
dominant-baseline
属性用于确定或重新确定缩放基线表(scaled-baseline-table)。缩放基线表是包含三个成分的复合值:显性基线(dominant-baseline)的基线标识符,基线表和基线表的字体大小。该属性的一些值重置这三个值; 其他属性则只重新设定基线表的字体大小。当初始值auto将产生不希望的结果时,可以使用该属性来显式设置期望的缩放基线表。
如果nominal字体中没有基线表格,或者基线表格缺少所需基线的条目,则浏览器可以使用启发式方法确定所需基线的位置。
作为一个表现属性,它也可以作为一个属性直接在一个CSS样式表中使用,请参阅css dominant-baseline
查看更多信息。
用法上下文
Categories | Presentation attribute |
---|---|
Value | auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge | inherit |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition) |
auto
如果此属性出现在<text>
元素上,则计算值取决于writing-mode
属性的值。如果writing-mode
是水平的,那么显性基线(dominant-baseline)分量的值是alphabetic
,否则如果writing-mode
是垂直的,那么显性基线分量的值是central
。
如果此属性出现在<tspan>
,<tref>
,<altglyph>
或<textpath>
元素上,则该显性基线和基线表组分保持与父文本内容元素相同。如果计算的baseline-shift
值实际上移动了基线,则基线表的字体分量设置为该font-size
属性所在元素上的dominant-baseline
属性值,否则基线表的 font-size将保持与父元素的一致。如果没有父文本内容元素,则按照上述<text>
元素构建缩放基线表值。
use-script
——通过确定字符数据内容的主要脚本来设置显性基线和基线表组件。无论writing-mode
是水平或是垂直的,都用来选择适当的一组基线表,且显性基线(dominant-baseline)用于选择对应于该基准的基线表。基线表的 font-size分量被设置为该font-size
属性所在元素上的dominant-baseline
属性的值。
no-change
—— 显性基线,基线表和基线表的字体大小与父文本内容元素的大小相同。
reset-size
——显性基线和基线表保持不变,但基线表的字体大小更改为该元素的font-size
属性的值。这将重新调整基线表当前的font-size
。
ideographic
——显性基线的基线标识符被设置为ideographic
,使用ideographic
字体中的基线表构建派生的基线表,并且将基线表的字体大小更改为该元素的font-size
属性的值。
alphabetic
—— 显性基线的基线标识符设置为alphabetic
,使用alphabetic
字体中的基线表构建派生的基线表,并将基线表的字体大小更改为此元素上的font-size
属性的值。
hanging
——显性基线的基线标识符被设置为hanging
,导出的基线表格使用hanging
字体中的baseline-table,并且基线表的 font-size被更改为此元素上的font-size
属性的值。
mathematical
——显性基线的基线标识符被设置为mathematical
,导出的基线表格使用mathematical
字体中的基线表格构建,并且基线表格字体大小更改为此元素上的font-size
属性的值。
central
——显性基线的基线标识符被设置为central
。派生的基线表是根据字体中基线表中定义的基线构建的。基线表字体使用基线表名的以下优先级顺序选择ideographic
,alphabetic
,hanging
,mathematical
。基线表字体大小更改为这个元素上的font-size
属性的值。
middle
——显性基线的基线标识符被设置为middle
。派生的基线表是根据字体中基线表中定义的基线构建的。:该字体基线表使用基线表名的以下优先级顺序选择alphabetic
,ideographic
,hanging
,mathematical
。基线表字体大小更改为此元素上font-size
属性的值。
text-after-edge
——显性基线的基线标识符被设置为text-after-edge
。派生的基线表是根据字体中基线表中定义的基线构建的。从字体的基线表中选择使用哪种字体基线表是与浏览器相关的。基线表字体大小更改为该元素上的font-size
属性的值。
text-before-edge
——显性基线的基线标识符被设置为text-before-edge
。派生的基线表是根据字体中基线表中定义的基线构建的。从字体的基线表中选择使用哪个基线表是与浏览器有关的。基线表字体大小更改为此元素上font-size
属性的值。
实例
适用元素
以下元素可以使用该dominant-baseline-shift
属性
- 文本内容元素»另请参阅
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com