The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Layout |
| Previous Style: direction | Next Style: elevation |


display

Specifies the type of rendering box to use for an element.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later 4.0 and later 4.0 and later

See Also:

clear, float, visibility

Possible Values:

block
The element is rendered with a block box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 5.0 and later 4.0 and later

compact
The element is rendered using a compact box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

compact
The element is rendered using a compact box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

inline
The element is rendered with an inline box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 5.0 and later Not supported

inline-table
The element is rendered using an inline table box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

list-item
The element content is rendered with a block box and a separate inline box is created for the marker.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 5.0 and later 4.0 and later

marker
The element is rendered in its own box and a separate marker box is created.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

none
The element is not displayed and does not affect the page layout.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

run-in
The element is rendered using a run-in box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

table
The element is rendered using a table box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Notes:
  • The element acts like an HTML <TABLE> object

table-caption
The element is rendered using a table caption box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Notes:
  • The element acts like an HTML <CAPTION> object

table-cell
The element is rendered using a table cell box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Notes:
  • The element acts like an HTML <TD> object

table-column
The element is rendered using a table column box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Notes:
  • The element acts like an HTML <COL> object

table-column-group
The element is rendered using a table column box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Notes:

table-footer-group
The element is rendered using a table footer group box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later 5.0 and later Not supported

Notes:
  • The element acts like an HTML <TFOOT> object

table-header-group
The element is rendered using a table header group box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later 5.0 and later Not supported

Notes:
  • The element acts like an HTML <THEAD> object

table-row
The element is rendered using a table row box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Notes:
  • The element acts like an HTML <TR> object

table-row-group
The element is rendered using a table row group box.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Notes:
  • The element acts like an HTML <TBODY> object

Example:
Normally, <SPAN STYLE="color: red">inline text</SPAN> uses an 
inline box that flows along with the rest of the text. However, if 
you change the box to a <SPAN STYLE="color: red; display: block">block 
box,</SPAN> the text gets displayed in a separate block.
How It Looks:
Normally, inline text uses an inline box that flows along with the rest of the text. However, if you change the box to a block box, the text gets displayed in a separate block.

| Index | Current Category: Layout |
| Previous Style: direction | Next Style: elevation |