Opis

outline określa styl linii konturu.

Kontur jest linią wokół marginesu elementu. Nie jest częścią wymiarów elementu, dlatego właściwości szerokości i wysokości elementu nie zawierają szerokości konturu.

Zobacz też skrót: outline

Przykład

To jest przykładowy element...

Kod:
Wartości

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

WartośćOpis
none brak konturu
hidden ukryty kontur
dotted kropkowana linia konturu
dashed kreskowana linia konturu
solid kompletna, pełna linia kontur
double podwójna linia kontur
groove rowkowaty kontur 3D. Efekt zależy od wartości koloru konturu
ridge prążkowany kontur 3D. Efekt zależy od wartości koloru konturu
inset wklęsły (typu wciśnięty przycisk) kontur 3D. Efekt zależy od wartości koloru konturu
outset wypukły (typu przycisk) kontur 3D. Efekt zależy od wartości koloru konturu
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     
Info: Domyślna wartość: none
Dziedziczenie:
Animowalność:
JavaScript: object.style.outlineStyle