baseline-shiftBaseline · Newly available
The baseline-shift CSS property sets the position of an element relative to its dominant baseline.
Works in the latest version of every major browser, but older devices may not support it yet. Baseline since Mar 24, 2026.
Browser support
DesktopChrome
1+Supportedsince Dec 11, 2008
Current: 155Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154Firefox
1–148Not supported
149+Supportedsince Mar 24, 2026
Current: 157Safari
1–3.1Not supported
4+Supportedsince Jun 8, 2009
Current: 27MobileChrome Android
18+Supportedsince Jun 27, 2012
Current: 155Firefox Android
4–148Not supported
149+Supportedsince Mar 24, 2026
Current: 157Safari iOS
1–3Not supported
3.2+Supportedsince Apr 3, 2010
Current: 27How to use
Every current browser supports this, but it only became Baseline on Mar 24, 2026. Use it as a progressive enhancement, or keep a fallback if you support older devices.
Example
Full syntax and examples are on MDN: baseline-shift.
Feature detection
CSS · check before using
@supports (baseline-shift: initial) {
/* styles that rely on baseline-shift */
}
/* or in JavaScript */
if (CSS.supports("baseline-shift", "initial")) {
// use it
}Documentation (MDN)
Specification
Sub-features
Support for each part of the feature (3). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| baseline-shift | 1 | 79 | 149 | 4 | 18 | 149 | 3.2 |
| baseline-shift.sub | 1 | 79 | 149 | 4 | 18 | 149 | 3.2 |
| baseline-shift.super | 1 | 79 | 149 | 4 | 18 | 149 | 3.2 |