Change Language


Follow Navioo On Twitter

display

Specifies how to display the element.

Browser/User Agent Support

IE Netscape Mozilla Opera Safari
5.0+ 4.0+ 1.0+ 5.0+ 1.3.2+
  • IE: Support on IE 5/6 is incomplete. Support is almost complete on IE 7, beta 3. Compatibility depends only on the values block, inline, none, inline-block, and list-item.
  • Mozilla: Support on Firefox is incomplete. Compatibility depends only on the values block, inline, none, inline-block, and list-item.

Usage

[display-type-value]

Values

inherit Inherit the value from the parent element.
inline Display the element as one or more inline boxes.
block Display the element as a block box.
inline-block Display the element as an inline block box.
list-item Display the element as a block box and inline list item box.
run-in Display an element as a block or inline box, depending on the context.
compact Display an element as a block or inline box, depending on the context.
marker Specifies that generated content before or after a box is a marker.
inline-table Specifies that the element should be treated like a table element.
table-row-group Specifies that the element should be treated like a table row group.
table-header-group Specifies that the element should be treated like a table header group.
table-footer-group Specifies that the element should be treated like a table footer group.
table-row Specifies that the element should be treated like a table row.
table-column-group Specifies that the element should be treated like a table column group.
table-column Specifies that the element should be treated like a table column.
table-cell Specifies that the element should be treated like a table cell.
table-caption Specifies that the element should be treated like a table caption.
table Specifies that the element should be treated like a table.
none Specifies that the element should generate no boxes.

Example

For a demonstration of the display attribute and its values, see the demo page on quirksmode:

http://www.navioo.com/html_css/display_191.htm

Availability

W3C CSS2

Related

Examples -> Source code Demo online - > display:

Ajax Javascript feed

↑ Grab this Headline Animator