
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:
-
See Also:
-
clear,
float,
visibility
Possible Values:
- block
The element is rendered with a block box.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
5.0 and later |
4.0 and later |
- compact
The element is rendered using a compact box.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
- compact
The element is rendered using a compact box.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
- inline
The element is rendered with an inline box.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
5.0 and later |
Not supported |
- inline-table
The element is rendered using an inline table box.
-
Support:
-
W3C Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
- none
The element is not displayed and does not affect the page layout.
-
Support:
-
W3C Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
- table
The element is rendered using a table box.
-
Support:
-
W3C Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
-
Notes:
- table-footer-group
The element is rendered using a table footer group box.
-
Support:
-
W3C Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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
|
|