Własność CSS outline-style

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

Przykład

W tym przykładzie obrysem elementu section będzie czerwona linia ciągła o szerokości 4 pikseli:

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

Efekt:

Wartości i składnia

Własność CSS outline-style przyjmuje takie same wartości, jak własność border-style, czyli następujące słowa kluczowe: none, dotted, dashed, solid, double, groove, ridge, inset, outset.

Wyjątkiem jest słowo kluczowe hidden, którego własność outline-style nie obsługuje.

Szczegółowy opis powyższych słów kluczowych znajduje się na stronie poświęconej własności border-style.

Zastosowanie

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

Podsumowanie