2.1.40 [CSS-Level2-2009] Section 9.2.4, The 'display' property

  • Article

V0053:

The specification states:

 ‘display' 
  
 Value:                 inline | block | list-item | inline-block | table | inline-table |
                        table-row-group | table-header-group | table-footer-group |
                        table-row | table-column-group | table-column | table-cell |
                        table-caption | none | inherit
 Initial:               inline
 Applies to:            all elements
 Inherited:             no
 Percentages:           N/A
 Media:                 all
 Computed value:        see text

Quirks Mode and IE7 Mode (All Versions)

The inherit value of the display property is not supported.

IE7 Mode, IE8 Mode, and IE9 Mode (All Versions)

List markers are not displayed for display:list-item elements when overflow is not set to visible.

All Document Modes (All Versions)

The list-item value of the display property has no effect on generated content.

V0054:

The specification states:

 inline-block 
  
 This value causes an element to generate 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 element itself is formatted as an inline replaced 
 element.

Quirks Mode and IE7 Mode (All Versions)

The generated block box does not flow as an inline box.

V0055:

The specification states:

 list-item
  
 This value causes an element (e.g., LI in HTML) to generate a principal block box 
 and a list-item inline box. For information about lists and examples of list 
 formatting, please consult the section on lists.

All Document Modes (All Versions)

The list-item marker is not rendered for the col, colgroup, frame, frameset, hr, html, iframe, input, br, and caption elements.

Quirks Mode, IE7 Mode, IE8 Mode, IE9 Mode, and IE10 Mode (All Versions)

The list-item marker is not rendered for the button element.

V0057:

The specification states:

 table, inline-table, table-row-group, table-column, table-column-group, table-
 header-group, table-footer-group, table-row, table-cell, and table-caption
  
 These values cause an element to behave like a table element (subject to 
 restrictions described in the chapter on tables).

Quirks Mode and IE7 Mode (All Versions)

The following variations apply:

  • The table-header-group value for the display property applies only to THEAD elements.

  • The table-footer-group value for the display property applies only to TFOOT elements.

  • The following values of the display property are not supported:

  • table

  • inline-table

  • table-row-group

  • table-column

  • table-column-group

  • table-row

  • table-cell

  • table-caption