CSS właściwość outline-offset

Definicja i użycie

outline-offset właściwość przesuwa kontur i rysuje go na krawędzi ramki.

Kontur różni się od ramki w dwóch aspektach:

  • Kontur nie zajmuje miejsca
  • Kontur może być niemal prostokątny

Zobacz również:

CSS Tutorial:Interfejs użytkownika CSS

HTML DOM Reference Manual:outlineOffset właściwość

Przykład

Określa kontur 15 pikseli poza krawędzią ramki:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Spróbuj sam

CSS syntax

outline-offset: length|inherit;

Wartość atrybutu

Wartość Opis
length Odległość od krawędzi konturu.
inherit Definiuje, że wartość właściwości outline-offset powinna być dziedziczona od elementu nadrzędnego.

Techniczne szczegóły

Domyślna wartość: 0
Inheredność: nie
Wersja: CSS3
JavaScript syntax: object.style.outlineOffset="15px"

Współpraca przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5