These properties classify elements into categories rather than setting visual display styles

display
Value: block | inline | list-item | none
Initial: according to HTML
Applies to: all elements
Inherited: no
Percentage values: N/A

This property indicates if an element is inline (e.g. <EM> in HTML), block-level (e.g. <H1> in HTML), or a block-level list item (e.g. <LI> in HTML). For HTML documents, the initial value will be taken from the HTML specification.

A value of 'none' turns the display of the element, including children elements and the surrounding box, off.

list-style
Value: [ disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none ] || <url>
Initial: none
Applies to: elements with 'display' property value 'list-item'
Inherited: yes
Percentage values: N/A

This property can be set on any element, and it will inherit normally down the tree. However, the 'list-style' will only be displayed on elements with a 'display' value of 'list-item'. In HTML this is typically the case for the <LI> element.

A URL value can be combined with any other value:
For example :

UL { list-style: url(http://png.com/ellipse.png) disc }

white-space
Value: normal | pre
Initial: according to HTML
Applies to: block-level elements
Inherited: yes
Percentage values: N/A

Declares how white space inside the element should be handled: the 'normal' way (where white space is collapsed) or as the <PRE> element in HTML.

---

---