Difference between revisions of "CSS GUIDE COLOR"

From CDOT Wiki
Jump to: navigation, search
(Notes)
(Usage Examples)
Line 47: Line 47:
  
 
== Usage Examples ==
 
== Usage Examples ==
 +
p{color: #ff000000}  /*Set paragraph text to appear red.*/
 +
h1{color: ##0000FF}  /*Set h1 (level 1 heading) text to blue.*/
  
 
== Notes ==
 
== Notes ==

Revision as of 18:44, 28 October 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: #ff000000} /*Set paragraph text to appear red.*/ h1{color: ##0000FF} /*Set h1 (level 1 heading) text to blue.*/

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