Ominaisuus outline-color

Ominaisuus outline-color asettaa ulkoisen ääriviivan värin - reunuksen, joka ei vie tilaa. Ominaisuuden arvona ovat mitkä tahansa väriyksiköt. Oletusarvo: sama väri kuin lohkon tekstillä.

Syntaksi

cssvalitsija {
  outline-color: väri;
}

Esimerkki

Asetetaan elementille reunus:

html<div id="elem"></div>
css#elem {
  outline-width: 1px;
  outline-style: solid;
  outline-color: red;
  width: 300px;
  height: 100px;
}

Результат:

Katso myös

  • ominaisuus outline-width,
    joka asettaa ääriviivan paksuuden
  • ominaisuus outline-style,
    joka asettaa ääriviivan tyylin
  • ominaisuus outline,
    joka on ääriviivojen lyhennetty ominaisuus
  • ominaisuus outline-offset,
    joka asettaa ääriviivan siirron