Display

Syntax:	display: <value>
Possible Values:	block \| inline \| list-item \| none
Initial Value:	block
Applies to:	All elements
Inherited:	No

The display property is used to define an element with one of four values:

block (a line break before and after the element)
inline (no line break before and after the element)
list-item (same as block except a list-item marker is added)
none (no display)

Each element typically is given a default display value by the browser, based on suggested rendering in the HTML specification.

The display property can be dangerous because of its ability to display elements in what would otherwise be an improper format. The use of the value none will turn off display of the element to which it is assigned, including any children elements!

Maintained by John Pozadzides and Liam Quinn

Home | CSS Tutorials | JavaScript Editor

Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!
1st JavaScript Editor.

→