Omadus color

Omadus color määrab teksti värvi. Omaduse väärtuseks võivad olla mis tahes värviühikud. Vaikeväärtus on tavaliselt must värv.

Süntaks

cssvalija {
  color: värv;
}

Näide

Määrame elemendile punase värvi:

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

css#elem {
  color: red;
}

Результат:

Näide

Omadus color määrab värvi mitte ainult tekstile, vaid ka loetlemismärgistusele:

html<ul>
  <li>loetelu element</li>
  <li>loetelu element</li>
  <li>loetelu element</li>
  <li>loetelu element</li>
  <li>loetelu element</li>
</ul>

cssli {
  color: red;
}

Результат:

Näide

Omadus color määrab ka piirjoone värvi (kui seda pole määratud omaduses border-color):

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

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

Результат: