Propriedade color

A propriedade color define a cor do texto. Seu valor pode ser qualquer unidade de cor. O valor padrão é geralmente a cor preta.

Sintaxe

cssseletor {
  color: cor;
}

Exemplo

Vamos definir a cor vermelha para um elemento:

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

css#elem {
  color: red;
}

Результат:

Exemplo

A propriedade color define a cor não apenas para o texto, mas também para os marcadores de lista:

html<ul>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
</ul>

cssli {
  color: red;
}

Результат:

Exemplo

A propriedade color também define a cor da borda (se não estiver definida em border-color):

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

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

Результат: