The dominant-baseline
attribute specifies the dominant baseline, which is the baseline used to align the box's text and inline-level contents. It also indicates the default alignment baseline of any boxes participating in baseline alignment in the box's alignment context.
It is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components:
- a baseline-identifier for the dominant-baseline,
- a baseline-table, and
- a baseline-table font-size.
Some values of the property re-determine all three values. Others only re-establish the baseline-table font-size. When the initial value, auto
, would give an undesired result, this property can be used to explicitly set the desired scaled-baseline-table.
If there is no baseline table in the nominal font, or if the baseline table lacks an entry for the desired baseline, then the browser may use heuristics to determine the position of the desired baseline.
Note: As a presentation attribute, dominant-baseline
can be used as a CSS property.
You can use this attribute with the following SVG elements: