Strona w trakcie modernizacji
Zapraszamy wkrótce
Kontur (outline) to linia, która jest rysowana wokół elementów poza jego granicami, aby element się wyróżniał.
Właściwość outline-offset dodaje odstęp między konturem a krawędzią lub obramowaniem elementu.
Przestrzeń pomiędzy znajdująca się pomiędzy elementem a jego konturem jest przezroczysta.
Kontury różnią się od właściwości border na trzy sposoby:
Wartość | Opis |
length | Odległość, na jaką kontur zaczyna się od krawędzi granicy elementu (border). |
initial | Ustawia tę właściwość na jej wartość domyślną. |
inherit | Dziedziczy tę właściwość z elementu nadrzędnego. |
outline-offset: length | 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-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
outline: 3px solid red;
outline-offset: 10px;
Określa ciągłą czerwoną linię konturu o grubości 3px, w odległości 10 pikseli poza krawędzią obramowania (border).
Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00