CSS właściwość outline-width

Definicja i użycie

Właściwość outline-width ustawia szerokość całego konturu elementu, ale działa tylko, gdy styl konturu nie jest none. Jeśli styl jest none, szerokość zostanie rzeczywiście ustawiona na 0. Nie można ustawić ujemnych wartości długości.

Outline (kontur) to linia rysowana wokół elementu, poza krawędzią ramki, która może podkreślić element. Właściwość outline ustawia linię konturu wokół elementu.

Uwaga:Zawsze deklaruj właściwość outline-style przed właściwością outline-width. Element musi mieć kontur, aby można było zmienić jego kolor.

Uwaga:Linia konturu nie zajmuje miejsca i nie musi być prostokątna.

Zobacz również:

Kurs CSS:Kontur CSS

Podręcznik CSS:Właściwość outline

Podręcznik HTML DOM:Właściwość outlineWidth

Przykład

Ustawienie koloru konturu w postaci kropek:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Spróbuj sam

Gramatyka CSS

outline-width: medium|thin|thick|length|initial|inherit;

Wartość atrybutu

Wartość Opis
Określa cienki kontur. cieńki
średnia Domyślny. Określa średni kontur.
gruby Określa gruby kontur.
length Pozwala określić wartość grubości konturu.
inherit Zaleca się, aby ustawienia szerokości konturu były dziedziczone od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: średnia
Inheredność: nie
Wersja: CSS2
Gramatyka JavaScript: object.style.outlineWidth="thin"

Próbuj sam

Ustawienie szerokości konturu
Ten przykład pokazuje, jak ustawić szerokość konturu.

Obsługa przeglądarek

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Uwaga:Jeśli określono !DOCTYPE, to IE8 obsługuje właściwość outline.