color

The color property sets the foreground color of text and decorations.

Formal Syntax

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

Initial value: CanvasText
Applies to: all elements and text
Inherited: yes
Percentages: N/A
Computed value: computed color, see resolving color values
Animation type: by computed value type

See specification

Browser Support

standard | MDN · Spec · Spec

Feature	Chrome	Firefox	Safari	Edge
color	1	1	1	12
transparent	1	1	1	12

Related Properties