From CDOT Wiki
Jump to: navigation, search

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


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

Legal Values

Values can be entered in 3 ways:

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*/


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

Browser Compatibility

See Also

Back to CSS Index