Właściwość CSS outline-width

Definicja stylu, przeznaczenie i użycie outline-width

Kontur (outline) to linia, która jest rysowana wokół elementów poza jego granicami, aby element się wyróżniał.

Właściwość outline-width określa szerokość konturu.

Uwaga: Zawsze zadeklaruj właściwość outline-style przed właściwością outline-width. Element musi mieć kontur, zanim zmienisz jego szerokość.

Wartość	Opis
medium	Definiuje średnie grubości kontur. Ustawienie domyślne.
thin	Określa cienką linię konturu.
thick	Określa grubą linię konturu.
length	Umożliwia zdefiniowanie grubości konturu w px \| mm \| cm \| in \| pt \| pc \| em \| ex.
initial	Ustawia tę właściwość na jej wartość domyślną.
inherit	Dziedziczy tę właściwość z elementu nadrzędnego.

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
outline-width	1.0	8.0	1.5	1.2	7.0

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Rezultat:

Kod CSS:

div {
    border:2px solid green;
    outline-style:solid;  
    outline-color:red;    
    outline-width:medium;
}

outline-width: thick;

outline-width: medium;

outline-width: thin;

outline-width: 1px;