Difference between revisions of "CSS GUIDE LIST STYLE TYPE"

From CDOT Wiki
Jump to: navigation, search
(Legal Values)
(Usage Examples)
Line 33: Line 33:
  
 
== Usage Examples ==
 
== Usage Examples ==
<pre>p{color: #ff0000} /*Set paragraph text to appear red.*/</pre>
+
<pre>list-style-type: disc /*Set marker to disc.*/</pre>
<pre>h1{color: #0000FF} /*Set h1 (level 1 heading) text to blue.*/</pre>
+
<pre>list-style-type: decimal /*Set marker to number.*/</pre>
<pre>span{color: #0000FF} /*Sets text enclosed within span tag to appear yellow*/</pre>
+
<pre>list-style-type: lower-alpha /*Set marker to lower alphabet.*/</pre>
  
 
== Notes ==
 
== Notes ==

Revision as of 13:54, 6 December 2006

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 for marker-style: check this link for complete list.

See usage examples section for more details.

Mozilla Recommended Values

Usage Examples

list-style-type: disc  /*Set marker to disc.*/
list-style-type: decimal  /*Set marker to number.*/
list-style-type: lower-alpha  /*Set marker to lower alphabet.*/

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

Browser Compatibility

See Also