From http://www.w3schools.com (Copyright Refsnes Data)
The display property sets how/if an element is displayed.
Inherited: No
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.
p li table td, th |
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>) |
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.
From http://www.w3schools.com (Copyright Refsnes Data)