Display Property

The display property sets how/if an element is displayed.

Display Value

• none - no display at all.
• inline - An inline box.
• block - A block box.
• inline-block - effectively a block box inside an inline box. Not supported by Mozilla at time of writing. IE will only apply inline-block to elements that are traditionally inline such as span or a but not p or div. Loopy.
• run-in - Either an inline or block box depending on the context. If a block box follows the run-in box, the run-in box becomes the first inline box of that block box, otherwise it becomes a block box itself. Crazy. Not supported by IE/Win or Mozilla at the time of writing.
• list-item - the equivalent of the default styling of the HTML li element.
• table - a block-level table - the equivalent of the default styling of the HTML table element. Not supported by IE.
• inline-table - an inline-level table. Not supported by IE.
• table-row-group - the equivalent of the default styling of the HTML tbody element. Not supported by IE.
• table-header-group - the equivalent of the default styling of the HTML thead element. Not supported by IE.
• table-footer-group - the equivalent of the default styling of the HTML tfoot element. Not supported by IE.
• table-row - the equivalent of the default styling of the HTML tr element. Not supported by IE.
• table-column-group - the equivalent of the default styling of the HTML colgroup element. Not supported by IE.
• table-column - the equivalent of the default styling of the HTML col element. Not supported by IE.
• table-cell - the equivalent of the default styling of the HTML td or th elements. Not supported by IE.
• table-caption - the equivalent of the default styling of the HTML caption element. Not supported by IE.