Text color

The text color, otherwise the foreground color is defined with the property simply called color.

As other color related properties (i.e. background properties), foreground color may be defined in a few possible ways; that is as one of 16 pre-defined names, as RGB decimal numbers or a "hash (#)" delimited hexadecimal numbers.

The color property contains following information:

value: <color> or inherit;
initial: depends on browser;
applies to: all elements;
inherited: yes;
percentages: N/A;
media: visual;
computed value: as specified.

Learn more about the color data type!

Example

CSS color property example:

<html>
<head>
<title>CSS tutorial</title>
<style type="text/css">
h3 {
	color:navy;
}
h3 + h3 {
	color:RGB(233,12,12);
}
h3 + h3 + h3 {
	color:#555;
}
</style>
</head>

<body>

<h3>This heading has the color property set to 'navy'</h3>
<h3>This heading has the color property set to 'RGB(233,12,12)'</h3>
<h3>This heading has the color property set to '#555'</h3>

</body>
</html>

›› go to examples ››

Example

CSS color property example:

Comments

About

Contact

Get Connected