Classification properties

These advanced properties classify elements into categories, as is seen below...

display

Value	`block` \| `inline` \| `list-item` \| `none`
Initial	`block`
Used with	all elements
Inherited	no

This property describes how / if an element is displayed on the screen or printed page, specifying whether it is treated as a block (line breaks before and after, other elements within it), inline (everything else), list (list markers inserted), or not displayed at all.

white-space

Value	`normal` \| `pre` \| `nowrap`
Initial	`normal`
Used with	block elements
Inherited	Yes

Specifies how white spaces (line feeds, tabs, etc) are displayed : normally (they are ignored), like the <pre> HTML element, or with line wrapping only done with <BR> elements.

list-style-type

Value	`disc` \| `circle` \| `square` \| `decimal` \| `lower-roman` \| `upper-roman` \| `lower-alpha` \| `upper-alpha` \| `none`
Initial	`disc`
Used with	list-item elements
Inherited	Yes

Specifies what type of marker character is used in lists.

  OL { list-style-type: decimal }       /* 1 2 3 4 5 etc. */
  OL { list-style-type: lower-alpha }   /* a b c d e etc. */
  OL { list-style-type: lower-roman }   /* i ii iii iv v etc. */

list-style-image

Value	`url` \| `none`
Initial	`none`
Used with	list-item elements
Inherited	Yes

Specifies an image that will be used as the marker in lists.

list-style-position

Value	`inside` \| `outside`
Initial	`outside`
Used with	list-item elements
Inherited	Yes

list-style

Value	`keyword` \|\| `position` \|\| `url`
Used with	list-item elements
Inherited	Yes
Example	`UL { list-style: upper-roman inside }`

Used to set 'list-style-type', 'list-style-image' and 'list-style-position' together.

Site Map

(C)opyright, Geoff Knagge.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy.