Quick References
ADO
ASP
CSS2
HTML
JavaScript
Jet SQL
VBScript
WML
WMLScript
WSH
XHTML
XML DOM
XSLT
Features
Knowledge Base
Tutorials
Partners
ZVON.ORG
XML
Planet Source Code
VisualBuilder
Web Design
Your HTML Source
XML/XSLT Forums
ASPAlliance
Scripts
Programmers Heaven
Tek-Tips Forums
Developer Fusion
Code Project
list-style
list-style-image
list-style-position
list-style-type
white-space
PROPERTY: display
display
:
block
|
compact
|
inline
|
inline-table
|
list-item
|
marker
|
none
|
run-in
|
table
|
table-caption
|
table-cell
|
table-column
|
table-column-group
|
table-footer-group
|
table-header-group
|
table-row
|
table-row-group
Compatibility:
IE4+ N4+
Most of the Level 2 additions are currently not supported by any browser
Version:
Level 1/Expanded in Level 2
Inherited:
No
The
display
property controls if or how an element will be displayed.
block
Level 1
The
block
value is the default. It treats the element to be displayed as a block-level element, or block-level box, that has a line break before and after the element.
compact
Level 2
The
compact
value assigns the element to be block-level or inline based upon the context.
inline
Level 1
The
inline
value treats the element to be displayed as an inline element, or inline box, that does not have a line break before or after the element. In other words, everything is displayed on the same line.
inline-table
Level 2
The
inline-table
value displays a table as an inline element, or inline box, that does not have a line break before or after the table.
list-item
Level 1
The
list-item
value treats the element to be displayed as a list. Each item in the list can be preceded by an optional marker, such as the solid black circle,
associated with the HTML tag.
< li >
marker
Level 2
The
marker
value assigns the content, before or after a box element, to be a marker. It is used with the
:after
and
:before
pseudo-elements.
none
Level 1
The
none
value prevents the display of the element.
run-in
Level 2
The
run-in
value assigns the element to be block-level or inline based upon the context.
table
Level 2
The
table
value displays the element as if it were a block-level table.
table-caption
Level 2
The
table-caption
value displays the element as if it were a table caption.
table-cell
Level 2
The
table-cell
value displays the element as if it were a table cell.
table-column
Level 2
The
table-column
value displays the element as if it were a table column.
table-column-group
Level 2
The
table-column-group
value displays the element as if it were a group of table columns.
table-footer-group
Level 2
The
table-footer-group
value displays the element as if it were a group of table footers.
table-header-group
Level 2
The
table-header-group
value displays the element as if it were a group of table headers.
table-row
Level 2
The
table-row
value displays the element as if it were a table row.
table-row-group
Level 2
The
table-row-group
value displays the element as if it were a group of table rows.
Code:
p { display: block; }
img { display: inline; }
li { display: list-item; }
img { display: none; }
or
In this example, the second image is not displayed:
Code:
<img src="/images/guru.gif" style="display: inline;">
<img src="/images/guru.gif" style="display: none;">
<img src="/images/guru.gif" style="display: inline;">
Output:
Copyright 1999-2005 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information
