display

The display property specifies how an element is displayed in the layout.

Formal Syntax

[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | grid-lanes | inline-grid-lanes | <display-outside> || [ <display-inside> | math ]

Initial value: inline
Applies to: all elements
Inherited: no
Percentages: n/a
Computed value: a pair of keywords representing the inner and outer display types plus optional list-item flag, or a or keyword; see prose in a variety of specs for computation rules
Animation type: see § 2.9 Animating and Interpolating display

See specification

Browser Support

standard | MDN · Spec · Spec

Feature	Chrome	Firefox	Safari	Edge
display	1	1	1	12
block	1	1	1	12
contents	65	37	11.1	79
flex	29	20	9	12
flow-root	58	53	13	79
grid	57	52	10.1	16
inline	1	1	1	12
inline-block	1	1	1	12
inline-flex	29	20	9	12
inline-grid	57	52	10.1	16
inline-table	1	3	1	12
is_transitionable	117	—	18	117
keyframe_animatable	116	—	18	116
list-item	1	1	1	12
math	109	—	—	109
multi-keyword_values	115	70	15	115
none	1	1	1	12
ruby	121	38	—	12
ruby-base	—	38	—	12
ruby-base-container	—	38	—	12
ruby-text	121	38	—	12
ruby-text-container	—	38	—	12
table	1	1	1	12
table-caption	1	1	≤4	≤15
table-cell	1	1	1	12
table-column	1	1	1	12
table-column-group	1	1	1	12
table-footer-group	1	1	1	12
table-header-group	1	1	1	12
table-row	1	1	1	12
table-row-group	1	1	1	12

css.properties

display

Formal Syntax

Browser Support

Related Properties