Difference between revisions of "CSS GUIDE BACKGROUND COLOR"

From CDOT Wiki
Jump to: navigation, search
(Notes)
m (Reverted edits by Paralogizing (Talk) to last revision by Mdsouza)
 
Line 48: Line 48:
 
== Notes ==
 
== Notes ==
  
 
* [http://www.html-color.net/ HTML Color]
 
 
* [http://www.webreference.com/html/reference/color/named.html Valid color names you can use in HTML and CSS instead of numerical color values]
 
* [http://www.webreference.com/html/reference/color/named.html Valid color names you can use in HTML and CSS instead of numerical color values]
 
* [http://www.webreference.com/html/reference/color/propcolor.html Proprietary color names used by Internet Explorer and their numerical equivalents]
 
* [http://www.webreference.com/html/reference/color/propcolor.html Proprietary color names used by Internet Explorer and their numerical equivalents]

Latest revision as of 23:34, 26 July 2010

Summary

background-color sets the background color of an element, either through a color value or the keyword transparent.

  • Initial value: transparent
  • Applies to: all elements
  • Inherited: no
  • Percentages: N/A
  • Media: visual
  • Computed value: as specified

Syntax

background-color: color | transparent | inherit

Legal Values

color

  • The color can be specified as a hexidecimal RGB value, a regular RGB value, or by using one of the pre-defined color keywords.

transparent

  • The default value for background-color is transparent meaning the element has no color of its own, instead showing the color of the element behind it.

Mozilla Recommended Values

Usage Examples

.exampleone {
	background-color: teal;
	color: white;
}

.exampletwo {
	background-color: rgb(153,102,153);
	color: rgb(255,255,204);
}

.examplethree {
	background-color: #666699;
	color: #FFFFFF;
}

Notes

Specification Conformance

Browser Compatibility

See Also