baseline-shift
Used in SVG to move text vertically relative to its baseline. It's the primary way to create subscripts or superscripts within SVG text elements without changing font sizes.
Quick example
text.exponent {
/* Shifts the text upward for mathematical powers */
baseline-shift: super;
font-size: 0.7em;
}Quick facts
Initial value
0Inherited
No
Applies to
inline-level boxes and SVG text content elements
Animation type
byComputedValueType
Values
subsuperbaselinebaseline-shift Browser Support
Newly availableSince 202694% global usage
Since 2026 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Works in all modern browsers. May need a fallback for older browsers.
1+
149+
4+
79+