display

Browser support
Chrome	Firefox	IE	Opera	Safari
✓	✓	✓	✓	✓

CSS Level: 1.0
Module: Basic Box Model
Restriction: enum
Example: p { display: inline; }
Reference: www.w3.org
Description: This property, in combination with 'float' and 'position', determines the type of box or boxes that are generated for an element.

Non-prefixed display values (24)
Name	Chrome	Firefox	IE	Opera	Safari
block	✓	✓	✓	✓	✓
Block boxes.
compact
Either block boxes or a marker box, depending on context. Properties apply to compact boxes based on their final status.
inline	✓	✓	✓	✓	✓
Inline boxes.
inline-block	✓	✓	✓	✓	✓
A block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the box itself is formatted as an inline box.
inline-table	✓	✓	✓	✓	✓

list-item	✓	✓	✓	✓	✓
One or more block boxes and one marker box.
ruby	✓	✓	✓	✓	✓

ruby-base	✓	✓	✓	✓	✓

ruby-text	✓	✓	✓	✓	✓

ruby-base-group

ruby-text-group

ruby-base-container	✓	✓	✓	✓	✓

ruby-text-container	✓	✓	✓	✓	✓

run-in	✓	✓	✓	✓	✓
Either block or inline boxes, depending on context. Properties apply to run-in boxes based on their final status (inline-level or block-level).
table	✓	✓	✓	✓	✓

table-row-group	✓	✓	✓	✓	✓

table-header-group	✓	✓	✓	✓	✓

table-footer-group	✓	✓	✓	✓	✓

table-row	✓	✓	✓	✓	✓

table-column	✓	✓	✓	✓	✓

table-column-group	✓	✓	✓	✓	✓

table-cell	✓	✓	✓	✓	✓

table-caption	✓	✓	✓	✓	✓

none	✓	✓	✓	✓	✓
This value causes an element to generate no boxes (i.e., the element has no effect on layout). Descendant elements do not generate any boxes either; this behavior cannot be overridden by setting the 'display' property on the descendants.

CSS Standards Support