CSS display

The CSS display module defines how the CSS formatting box tree is generated from the document element tree and defines properties controlling it.

Reference

Properties

Data types

Guides

Using the multi-keyword syntax with CSS display

Describes the multi-keyword syntax and compares this syntax with legacy single-keyword values.

Flow layout (display: block, display: inline)

Flexible box layout

Grid layout

Specifications

Specification
CSS Display Module Level 3
# the-display-properties

Browser compatibility

Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
display
contents
Specific behavior of unusual elements when display: contents is applied to them
<display-outside>
flex
flow-root
grid
inline-block
inline-flex
inline-grid
inline-table
Transitionable when setting transition-behavior: allow-discrete
Experimental
@keyframe animatable
Experimental
list-item
Supported on <legend>
math
Experimental
Multi-keyword values
none
ruby
ruby-base
ruby-base-container
ruby-text
ruby-text-container
table
table-cell
table-column
table-column-group
table-footer-group
table-header-group
table-row
table-row-group

See also