Difference between revisions of "CSS GUIDE COLOR"

From CDOT Wiki
Jump to: navigation, search
(Summary)
(Legal Values)
Line 27: Line 27:
 
Values can be entered in 3 ways:
 
Values can be entered in 3 ways:
  
<table border="2">
+
<table border="0">
 
<tr>
 
<tr>
 
<th>Method</th><th>Range</th><th>Example</th>
 
<th>Method</th><th>Range</th><th>Example</th>

Revision as of 12:16, 22 November 2006

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

Summary

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

Syntax

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

Legal Values

Values can be entered in 3 ways:

MethodRangeExample
Hexadecimal (preferred)#000000 - #ffffff#00ff00 is green
Color nameW3Schools Natural Langauge Color Namesgreen
RGB value0-255rgb(102,204,102) is green

See usage examples section for more details.

Mozilla Recommended Values

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

Browser Compatibility

See Also