The color property

The color property sets a text color text. The property value is any color units. The default value is usually black.

Syntax

cssselector {
  color: color;
}

Example

Let's give the element red color:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  color: red;
}

Результат:

Example

The color property sets a color not only for a text, but also for list items:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssli {
  color: red;
}

Результат:

Example

The color property also sets a border color (if it is not specified in border-color):

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  color: red;
  border-style: solid;
  border-width: 2px;
}

Результат: