Spis alfabetyczny stylów CSS.
Strona w trakcie modernizacji
Zapraszamy wkrótce
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ść | 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. |
outline: outline-width outline-style outline-color | initial | inherit;
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 |
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.
Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony
Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00