background-color

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

Formal Syntax

background-color = <color> <color> = <color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()>

Initial value: transparent
Applies to: all elements
Inherited: no
Percentages: N/A
Computed value: computed color
Animation type: by computed value

See specification

JavaScript Access

// Access via element.style element.style.backgroundColor = "transparent";

Browser Support

standard | MDN · Spec

Feature	Chrome	Firefox	Safari	Edge
background-color	1	1	1	12
currentColor	≤31	≤50	≤9.1	≤15
transparent	1	1	1	12

Related Properties