Свойство color

Свойство color устанавливает цвет тексту. Значением свойства служат любые единицы для цвета. Значение по умолчанию как правило черный цвет.

Синтаксис

cssселектор {
  color: цвет;
}

Пример

Давайте зададим элементу красный цвет:

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

css#elem {
  color: red;
}

Результат:

Пример

Свойство color задает цвет не только тексту, но и маркерам списка:

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;
}

Результат:

Пример

Свойство color задает также цвет границы (если он не задан в border-color):

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

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

Результат: