CSS GUIDE LIST STYLE TYPE

This document is a work in progress and is subject to change.

Summary

The list-style-type sets the type of the list-item marker. This value decides what sort of marker the list items will use to differentiate each other.

Applicability:	The list-style-type property can be used for all CSS elements, although some values may not work in some browsers.
Media Group:	Visual
Inherited:	Yes

Syntax

ul
{
list-style-type: [marker-type]
}

Legal Values

Possible values:

Method	Range	Example
Hexadecimal (preferred)	#000000 - #ffffff	#00ff00 is green
Color name	W3Schools Natural Langauge Color Names	green
RGB value	0-255	rgb(102,204,102) is green

See usage examples section for more details.

Usage Examples

p{color: #ff0000}  /*Set paragraph text to appear red.*/

h1{color: #0000FF}  /*Set h1 (level 1 heading) text to blue.*/

span{color: #0000FF}  /*Sets text enclosed within span tag to appear yellow*/

Notes

Please remember to use the appropriate U.S. English spelling i.e. color and not the U.K or Canadian english spellings to ensure your CSS works.

The World Wide Web Consortium (W3C) provides a free online CSS validation service.

Specification Conformance

• CSS 1
• CSS 2.1
• CSS 3