Własność CSS outline-width

Własność CSS outline-width określa szerokość 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 brązowa linia przerywana o szerokości 6 pikseli:

<style>
  section {
    outline-width: 6px;
    outline-style: dotted;
    outline-color: brown;
  }
</style><section>Lorem ipsum dolor sit amet.</section>

Efekt:

Wartości i składnia

Własność CSS outline-width przyjmuje takie same wartości, jak własność border-width, czyli:

• Liczba z jednostką długości
• Słowa kluczowe: thin (1 piksel), medium (3 piksele), thick (5 pikseli).

Zastosowanie

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

Podsumowanie