DisplayBaseline · Widely available
The display CSS property sets the display behavior of an element's box within its layout and sets the layout behavior for its child elements.
Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jul 29, 2015. Widely available since Jan 29, 2018.
Browser support
DesktopChrome
1+Supportedsince Dec 11, 2008
Current: 155Edge
12+Supportedsince Jul 29, 2015
Current: 154Firefox
1+Supportedsince Nov 9, 2004
Current: 157Safari
1+Supportedsince Jun 23, 2003
Current: 27MobileChrome Android
18+Supportedsince Jun 27, 2012
Current: 155Firefox Android
4+Supportedsince Mar 29, 2011
Current: 157Safari iOS
1+Supportedsince Jun 29, 2007
Current: 27How to use
This feature is Baseline widely available — use it freely, no fallback needed.
Example
Full syntax and examples are on MDN: display.
Feature detection
CSS · check before using
@supports (display: initial) {
/* styles that rely on display */
}
/* or in JavaScript */
if (CSS.supports("display", "initial")) {
// use it
}Documentation (MDN)
Specification
Usage share
Sub-features
Support for each part of the feature (6). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| display | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| display.block | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| display.inline | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| display.inline-block | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| display.none | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| display.none.option_is_hidden | 1 | 79 | 1 | ✕ | 18 | 4 | ✕ |