display Syntax:

display: inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit

* inline
The element opens a new inline box on the same line as the previous content, and behaves as an inline element.
* block
The element opens a new box, and behaves as a block-level element.
* list-item
The element is opened similarly to block, but has a list marker added to it.
* run-in
Creates either block or inline boxes, depending on context. Properties apply to run-in boxes based on their final status (inline-level or block-level).
* inline-block
The element is created as a block box, but is placed inline, similar to a replaced element.
* table, inline-table, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell, and table-caption
These cause the element to behave like the corresponding table element.
* none
The element should not show up on the page, including all child elements and the box.
* inherit
The element should have the same display setting as the parent.


display Browser Support:

* Chrome 1, 2, 3, 4, 5
* Firefox 1, 2, 3
* Internet Explorer 4, 5, 6, 7, 8
* Netscape 4, 6, 7, 8
* Opera 3, 4, 5, 6, 7, 8, 9, 10
* Safari 1, 2, 3, 4, 5

No comments:

Post a Comment