CSS background-color Property

Complete CSS Reference


Set the background-color of different elements:


Definition and Usage

The background-color property sets the background color of an element.

The background of an element is the total size of the element, including padding and border (but not the margin).

Default value: transparent
Inherited: no
Version: CSS1
JavaScript syntax: object.style.backgroundColor="#0F710F"

Browser Support

The background-color property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Tips and Notes

Hint: Use a background color and a text color that makes the text easy to read.

Property Values

Value Description
color_name Specifies the background color with a color name, like red
hex_number Specifies the background color with a hex code, like #920692
rgb_number Specifies the background color with an RGB code, like rgb(255,0,0)
transparent Specifies that the background color should be transparent. This is default
inherit Specifies that the background color should be inherited from the parent element

Code it Online - Examples

This example demonstrates how to set the background-color of a part of the text.

Related Pages

CSS tutorial: CSS Background

Complete CSS Reference
Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!