Open main menu

CDOT Wiki β

Changes

CSS GUIDE LIST STYLE TYPE

2,145 bytes added, 12:28, 6 December 2006
First edit
<span style="margin:0;background:#ffff33;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding:0.2em 0.4em;">This document is a work in progress and is subject to change.</span><br /><br />
== 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.

<table border="0">
<tr>
<td><b>Applicability:</b></td><td>The list-style-type property can be used for all CSS elements, although some values may not work in some browsers.<td>
</tr>
<tr>
<td><b>[http://developer.mozilla.org/en/docs/CSS:%40media#Media_groups Media Group:]</b>
</td><td>Visual</td>
</tr>
<tr>
<td><b>Inherited:</b></td><td>Yes</td>
</tr>
</table>

== Syntax ==
<pre>
ul
{
list-style-type: disc
}
</pre>

== Legal Values ==
Possible values:

<table border="2">
<tr>
<th>Method</th><th>Range</th><th>Example</th>
</tr>
<tr>
<td>Hexadecimal (preferred)</td><td>#000000 - #ffffff</td><td>#00ff00 is green</td>
</tr>
<tr>
<td>Color name</td><td>[http://www.w3schools.com/html/html_colornames.asp W3Schools Natural Langauge Color Names]</td><td>green</td>
</tr>
<tr>
<td>RGB value</td><td>0-255</td><td>rgb(102,204,102) is green</td>
</tr>
</table>

See [[#Usage Examples | usage examples]] section for more details.

== Mozilla Recommended Values ==

== Usage Examples ==
<pre>p{color: #ff0000} /*Set paragraph text to appear red.*/</pre>
<pre>h1{color: #0000FF} /*Set h1 (level 1 heading) text to blue.*/</pre>
<pre>span{color: #0000FF} /*Sets text enclosed within span tag to appear yellow*/</pre>

== 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 [http://www.w3.org World Wide Web Consortium (W3C)] provides a free online [http://jigsaw.w3.org/css-validator/ CSS validation service].

== Specification Conformance ==
*[http://www.w3.org/TR/CSS1#color CSS 1 ]
*[http://www.w3.org/TR/CSS21/colors.html#propdef-color CSS 2.1]
*[http://www.w3.org/TR/css3-color/#foreground CSS 3]

== Browser Compatibility ==

== See Also ==
1
edit