Własność CSS outline-color

Własność CSS outline-color określa kolor obrysu, czyli otaczającej element linii znajdującej się poza granicami krawędzi obramowania.

Przykład

W tym przykładzie element section będzie miał zielony obrys o szerokości 5 pikseli:

<style>
  section {
    outline-width: 5px;
    outline-style: solid;
    outline-color: green;
  }
</style><section>Lorem ipsum dolor sit amet.</section>

Efekt:

Wartości i składnia

Własność CSS outline-color przyjmuje wartości kolorów CSS oraz słowo kluczowe auto.

Słowo kluczowe auto ma różne znaczenie w zależności od ustawienia własności outline-style.

Jeśli własność outline-style jest ustawiona na auto, to outline-color: auto oznacza kolor akcentu (wartość własności accent-color).

W pozostałych przypadkach wartość auto własności outline-color jest równoznaczna z currentcolor.

Zastosowanie

Własność outline-color ma zastosowanie do wszystkich elementów HTML.

Podsumowanie