baseline-shift

The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.

Note: As a presentation attribute baseline-shift can be used as a CSS property.

Note: This property is going to be deprecated and authors are advised to use vertical-align instead.

You can use this attribute with the following SVG elements:

Usage notes

Value <length-percentage> | sub | super
Default value 0
Animatable Yes
sub

The dominant-baseline is shifted to the default position for subscripts.

super

The dominant-baseline is shifted to the default position for superscripts.

<length-percentage>

A length value raises (positive value) or lowers (negative value) the dominant-baseline of the parent text content element by the specified length.

A percentage value raises (positive value) or lowers (negative value) the dominant-baseline of the parent text content element by the specified percentage of the line-height.

Specifications

Specification Status Comment
CSS Inline Layout
The definition of 'alignment-baseline' in that specification.
Working Draft Removed the baseline value, as it is a redundant keyword within the vertical-align property.
Scalable Vector Graphics (SVG) 2
The definition of 'alignment-baseline' in that specification.
Candidate Recommendation Refers to the definition in CSS Inline Layout and notes that vertical-align should be preferred.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'alignment-baseline' in that specification.
Recommendation Initial definition

Browser compatibility

BCD tables only load in the browser