CSS color Property

Description

The color property describes the foreground color of an element's text content. In addition it is used to provide a potential indirect value (currentColor) for any other properties that accept color values.

Initial value

Depends on the user agent. For example, your browser sets its own default colors for different elements.

Applies to

All elements

Inherited

Yes

Media

Visual

Computed value

For a non-translucent color, an hexadecimal equivalent is used. Otherwise it is the RGBa equivalent

Animatable

Yes

CSS Version

CSS1, CSS2, CSS3

JavaScript syntax

object.style.color

Syntax

color: <color> | inherit

Values

• <color>Is a color value giving the color of the textual elements of the element.
• inherit

Example

<div class="color">Example off the CSS color property.</div>

<div class="color1">Lets change the value of color.</div>

.color {
   color: #0000FF;
}
.color1 {
   color: #800000;
}

Give it a Try

Click the button below to experiment with this property.

Give it a Try!

Browser Support

Desktop
3	12	1	1	Yes	1
Tablets / Mobile
1	18	4	Yes	1	1.0

Last updated by CSSPortal on: 16th October 2019