coderef

display: tableBaseline · Widely available

The display: table CSS declaration renders an element with the box layout of a <table> HTML element. Child elements may use equivalents to <table> internal elements such as display: table-row for <tr>.

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: 155
Edge
12+Supportedsince Jul 29, 2015
Current: 154
Firefox
1–2Not supported
3+Supportedsince Jun 17, 2008
Current: 157
Safari
1–3.1Not supported
≤4+Supportedsince Jun 8, 2009
Current: 27
MobileChrome Android
18+Supportedsince Jun 27, 2012
Current: 155
Firefox Android
4+Supportedsince Mar 29, 2011
Current: 157
Safari iOS
1–3Not supported
≤3.2+Supportedsince Apr 3, 2010
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN — see the links below.

Feature detection

CSS · check before using
@supports (display: inline-table) {
  /* styles that rely on display: inline-table */
}

/* or in JavaScript */
if (CSS.supports("display", "inline-table")) {
  // use it
}

Sub-features

Support for each part of the feature (10). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
display.inline-table112311841
display.table112111841
display.table-caption1121≤4184≤3.2
display.table-cell112111841
display.table-column112111841
display.table-column-group112111841
display.table-footer-group112111841
display.table-header-group112111841
display.table-row112111841
display.table-row-group112111841