CSS właściwość outline-style

Definicja i użycie

Atrybut outline-style służy do ustawiania stylu całego konturu elementu. Styl nie może być none, w przeciwnym razie kontur nie pojawi się.

Kontur (outline) to linia rysowana wokół elementu, poza krawędzią ramki, może podkreślić element. Atrybut outline ustawia linię konturu wokół elementu.

Uwaga:Zawsze deklaruj atrybut outline-style przed atrybutem outline-color. Element musi mieć kontur, aby można było zmienić jego kolor.

Uwaga:Kontur nie zajmuje miejsca i nie musi być prostokątny.

Zobacz również:

Kurs CSS:Kontur CSS

Podręcznik CSS:Atrybut outline

Podręcznik HTML DOM:Atrybut outlineStyle

Przykład

Ustawienie stylu konturu:

p
  {
  outline-style:dotted;
  }

Spróbuj sam

Gramatyka CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Wartość atrybutu

Wartość Opis
brak Domyślny. Zdefiniowano brak konturu.
ukryty Zdefiniowano ukryty kontur.
kropkowy Zdefiniowano kontur kropkowy.
przerywany Zdefiniowano kontur przerywany.
pełny Zdefiniowano kontur pełny.
podwójny Zdefiniowano kontur podwójny. Szerokość podwójnej linii jest równa wartości outline-width.
wklęty Zdefiniowano kontur wklęty 3D. Efekt zależy od wartości outline-color.
wypukły Zdefiniowano kontur wypukły 3D. Efekt zależy od wartości outline-color.
wklęty Zdefiniowano kontur wklęty 3D. Efekt zależy od wartości outline-color.
wypukły Zdefiniowano kontur wypukły 3D. Efekt zależy od wartości outline-color.
dziedziczony Zdefiniowano, że ustawienia stylu konturu powinny być dziedziczone od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: brak
Inkrementacja: nie
Wersja: CSS2
Język JavaScript: object.style.outlineStyle="dotted"

Próbuj sam

Ustawienie stylu konturu
Ten przykład pokazuje, jak ustawić styl konturu.

Obsługa przeglądarek

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.

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 atrybut outline.