CSS display Property
 Complete CSS Reference
Definition
The display property sets how/if an element is displayed.
Inherited: No
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.display="none"
In our HTML DOM tutorial you can find more details about the
display property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
p
{
display: block
}
li
{
display: list-item
}
table
{
display: table
}
td, th
{
display: table-cell
}
|
Possible Values
| Value |
Description |
| none |
The element will not be displayed |
| block |
The element will be displayed as a block-level element,
with a line break before and after the element |
| inline |
Default. The element will be displayed as an inline element, with no
line break before or after the element |
| list-item |
The element will be displayed as a list |
| run-in |
The element will be displayed as block-level or inline
element depending on context |
| compact |
The element will be displayed as block-level or inline
element depending on context |
| marker |
|
| table |
The element will be displayed as a block table (like
<table>),
with a line break before and after the table |
| inline-table |
The element will be displayed as an inline table (like
<table>), with no
line break before or after the table |
|
table-row-group |
The element will be displayed as a group of one or more
rows (like <tbody>) |
| table-header-group |
The element will be displayed as a group of one or more
rows (like <thead>) |
| table-footer-group |
The element will be displayed as a group of one or more
rows (like <tfoot>) |
| table-row |
The element will be displayed as a table row (like
<tr>) |
|
table-column-group |
The element will be displayed as a group of one or more
columns (like <colgroup>) |
| table-column |
The element will be displayed as a column of cells (like
<col>) |
| table-cell |
The element will be displayed as a table cell (like
<td> and <th>) |
| table-caption |
The element will be displayed as a table caption (like
<caption>) |
Try-It-Yourself Demos
How to display an
element as an inline element
This example demonstrates how to display an element as an inline element.
How to
display an element as a block element
This example demonstrates how to display an element as a block element.
Complete CSS Reference
Whether you're new to XML or already an advanced user, the user-friendly views
and powerful entry helpers, wizards, and debuggers in XMLSpy are designed to
meet your XML and Web services development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a fully functional free 30-day trial today!
|
HOME
Printer friendly page
