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.
Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| 3 | 12 | 1 | 1 | 3.5 | 1 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| 1 | 18 | 4 | 10.1 | 1 | 1.0 |
Last updated by CSSPortal on: 16th October 2019
Share this Page
If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.
URL