Display - Htmlpedia

From Htmlpedia

Jump to: navigation, search

1 CSS 1 property: display

[edit]

CSS 1 property: display

"Display" controls the way an element is displayed.

[edit]

Property Values

This property accepts the following values :

[edit]

CSS1

Value	Description
none	The element will be hidden.
inline	The element will be displayed as inline (with no line break before or after the element).
block	The element will be displayed as a block (with line break before or after the element).
inline-block	An inline-block element is laid out just like an image would be.
list-item	The element will be displayed as a list.
run-in	The element if it is a block will have the ability to be an inline part of the next element. This is usefull for some typography tricks.
table	The element will be displayed as a table with a line break before and after the table.
inline-table	The element will be displayed as a table but without line break before and after the table.
table-row-group	The element will be displayed like <tbody>
table-header-group	The element will be displayed like <thead>
table-footer-group	The element will be displayed like <tfoot>
table-row	The element will be displayed like <td>
table-column-group	The element will be displayed like <tbody>
table-column	The element will be displayed like <colgroup>
table-cell	The element will be displayed like <td> or <th>
table-caption	The element will be displayed like <caption>
inherit	The element will inherit the property value from the parent element.

Initial value: Inherit
Inherit: No

[edit]

CSS 2

Value	Description
marker	A more configurable version of 'list-item'.

[edit]

Examples

<style type="text/css">
     div { display: block; }
     span { display: inline; }
</style>

<div style="display: inline-block;">Hi there</div>

[edit]

Browser Support

If you have tested support for this property in any of the following browsers, please indicate its level of support using one of the following keywords: