1
edit
Changes
m
== Syntax == == Legal Values ==PX preferredSee [[#Usage Examples | usage examples]] section for more details.
no edit summary
== Summary ==
The color property is used the set the text color for a given element. The text color property can of an element may also be apused for all CSS elementsreferred to as the foreground colour.
<tableborder="0">
<tr>
<td>Usage<b>Applicability:</b></td><td>Can The color property can be applied to used for all CSS elements.</td>
</tr>
<tr>
<td><b>[http://developer.mozilla.org/en/docs/CSS:%40media#Media_groups CSS Media Group:]</b></td><td>Visual</td>
</tr>
<tr>
<td><b>Inherited:</b></td><td>Yes</td>
</tr>
</table>
== Syntax ==
<pre>
TARGET_ELEMENT{color: #0033ff}
TARGET_ELEMENT{color: red}
TARGET_ELEMENT{color: rgb(0,200,0)}
</pre>
== Legal Values ==
Values can be entered in 3 ways:
<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>
== 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 ==
<big>[http://zenit.senecac.on.ca/wiki/index.php/CSS_guide#CSS_Properties Back to CSS Index]</big>
