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
CSS Inline Layout Module Level 3
# baseline-shift-property
Scalable Vector Graphics (SVG) 2
# BaselineShiftProperty

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
baseline-shift

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support