Difference between revisions of "CSS GUIDE COLOR"

Revision as of 12:31, 10 November 2006

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

The color property is used the set the text color for a given element. The text color of an element may also be referred to as the foreground colour.

Applicability:	The color property can be used for all CSS elements.
Media Group:	Visual
Inherited:	Yes

TARGET_ELEMENT{color: #0033ff}
TARGET_ELEMENT{color: red}
TARGET_ELEMENT{color: rgb(0,200,0)}

Values can be entered in 3 ways:

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.

p{color: #ff000000}  /*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*/

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.

@@ Line 48: / Line 48: @@
 == Usage Examples ==
 <pre>p{color: #ff000000}  /*Set paragraph text to appear red.*/</pre>
-<pre>h1{color: ##0000FF}  /*Set h1 (level 1 heading) text to blue.*/</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>
+<pre>span{color: #0000FF}  /*Sets text enclosed within span tag to appear yellow*/</pre>
 == Notes ==