Background-Color

background-color Support Key: [*CSS1\|CSS2\|CSS2.1] [IE4B1\|N4B2\|O3.5*\|S1]	Other Color/Background Properties
	color layer-background-color layer-background-color background background-image	background-repeat background-attachment background-position background-position-x background-position-y
= Index DOT Css by Brian Wilson =

Main Index | Property Index | CSS Support History | Browser History

Quick Statistics
Default Value:		transparent
Applicable Elements:		All
Inherit From Parent:		No
Applicable Media:		Visual
HTML Equivalent:		<body\|table\|thead\|tbody\|tfoot\|th\|td BGCOLOR="#RRGGBB">
Official Docs:		CSS1: Sect. 5.3.2 CSS2: Sect. 14.2.1, CSS2.1: Sect 14.2.1

What is it?: This value sets the background color for the current element. A 'background-color' can be specified either alone or in conjunction with a 'background-image'. When used with a background image, it can still serve several purposes: 1) to fill transparent regions of the background image, 2) for display while the background image is loading, 3) the browser has image loading capability turned off, and 4) if the background image display settings will not cover all of the browser display area. All the standard Color Units specification methods apply here.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O4|S1]: Type: Explicit; Description:
Explicitly sets the value of this property to that of the parent.
[color]
[CSS1|CSS2|CSS2.1] [IE4B1|N4B2|O3.5|S1]: Type: Explicit; Description:
This is a representation of the values for Red/Green/Blue used to determine a final display color. Please see the section on Color Units for details on the various color specification schemes.
transparent
[CSS1|CSS2|CSS2.1] [IE4B1|N4B2|O3.5|S1]: Type: Explicit; Description:
This specifies that the parent element background/image will shine through if one exists, else the system default background/image value is used.

Example: Ext/Doc: body { background-color: blue }; In-Line: <body STYLE="background-color: blue">text</body>

Browser Peculiarities

Internet Explorer

4.0:
- This property does not apply to checkbox and radio form fields (input type=checkbox|radio) and HR elements.
4.0+:
- This property applies to all elements (including individual OPTION elements - only 'color' and 'background-color' apply to individual OPTION elements in IE4+.)
5.0+:
- This property now applies to checkbox and radio form fields (input type=checkbox|radio) and HR elements.
5.5+:
- Beginning in 5.5 Beta 1 the "transparent" value can now apply to frame and IFRAME elements.
Netscape

4.0 Beta 2:
- Using a value of 'transparent' shades an element a little darker than the parent element color.
4.x:
- Applying this property to LI elements, only applies the background-color to the marker within an OL list. In a UL list the property has no effect at all.
- Using "transparent" as a value for this property with table cells (TD/TH) turns the background to black, not to transparent.
- This property does not have an effect on form elements, DT/DD, images or HR elements,
- This property DOES have an effect on checkbox and radio form fields (input type=checkbox|radio.)
- The "transparent" value uses the background-color of the BODY element, not the value of the parent element.
- Applying this property to tables does not cover the table border area.
- This property does not apply to the padding area unless a 'border' property is also applied.
- Applying this property to double-justified text (the 'text-align' property "justify" value) only applies the effect to the word content and normal spacing between them. Extra justification spacing uses the background-color of the parent element.
4.5:
- Previous versions did not understand background properties applied to the HTML element, but in 4.5 the background color is applied - only to the text content and not the entire BODY background.
Opera

3.5:
- This property does not apply to form fields or the HTML element.