Latest

recent

CSS display Property

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"

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>)

Goto CSS3 and CSS2 complete reference
CSS display Property Reviewed by 1000sourcecodes on 22:17 Rating: 5
Powered by Blogger.