Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.

!important

E
empty-cells

J
justify-content

K
@keyframes

Q
quotes

Z
z-index

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

Wartość	Opis
outline-width	Definiuje szerokość konturu.
outline-style	Określa styl konturu.
outline-color	Definiuje kolor konturu.
initial	Ustawia tę właściwość na jej wartość domyślną.
inherit	Dziedziczy tę właściwość z elementu nadrzędnego.

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.