Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS outline

Definicja stylu, przeznaczenie i użycie outline

outline to kontur, obrys, który jest rysowany wokół elementu, aby element się wyróżniał.

Właściwość outline jest skróconą właściwością dla:
outline-width
outline-style (wymagane)
outline-color

Jeśli kolor outline zostanie pominięty, zastosowany kolor będzie kolorem tekstu.

Uwaga: właściwość outline różni się od właściwości border! W przeciwieństwie do stylu border właściwość outline jest rysowana poza obramowaniem elementu i może nakładać się na inną zawartość. Ponadto outline NIE jest częścią wymiarów elementu; szerokość outline nie ma wpływu na całkowitą szerokość i wysokość elementu.

Wartości właściwości outline

Składnia CSS outline

outline: outline-width outline-style outline-color | initial | inherit;

Wsparcie przeglądarek dla właściwości outline

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

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

Przykładowe zastosowania właściwości outline

outline: 5px dotted green;

outline: 2em solid black;

outline: 2px dashed red;

border: 1px solid red;
outline: 2px dashed blue;
Na zewnątrz elementu będzie najpierw border i następnie outline.