dominant-baseline（显性基线）

dominant-baseline属性用于确定或重新确定缩放基线表（scaled-baseline-table）。缩放基线表是包含三个成分的复合值：显性基线（dominant-baseline）的基线标识符，基线表和基线表的字体大小。该属性的一些值重置这三个值; 其他属性则只重新设定基线表的字体大小。当初始值auto将产生不希望的结果时，可以使用该属性来显式设置期望的缩放基线表。

如果nominal字体中没有基线表格，或者基线表格缺少所需基线的条目，则浏览器可以使用启发式方法确定所需基线的位置。

作为一个表现属性，它也可以作为一个属性直接在一个CSS样式表中使用，请参阅css dominant-baseline查看更多信息。

用法上下文

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属性

• 文本内容元素»另请参阅

• css dominant-baseline