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
subsuperbaseline baseline-shift Browser Support
Widely available Since 2015 94% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
4+
79+