Home → References → CSS Properties →

CSS Property: display

Specifies the display type of a box.

HTML Dog, The Book HTML Dog book cover

HTML Dog is hosted by Titan Internet

Possible Values

  • 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.

Example


.darwin { display: block; }

.lamarck { display: none; }

.linnaeus { display: table; }