Color-ominaisuus

Ominaisuus color asettaa tekstin värin. Ominaisuuden arvona voi olla mikä tahansa väriyksikkö. Oletusarvo on yleensä musta väri.

Syntaksi

cssvalitsin {
  color: väri;
}

Esimerkki

Asetetaan elementille punainen väri:

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

css#elem {
  color: red;
}

Результат:

Esimerkki

Ominaisuus color asettaa värin ei vain tekstille, vaan myös listan merkeille:

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

Результат:

Esimerkki

Ominaisuus color asettaa myös reunuksen värin (jos sitä ei ole asetettu kohteessa border-color):

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

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

Результат: