Właściwość przesunięcia konturu CSS
Przykład
Określ 4-pikselowy, jednolicie czerwony kontur 15 pikseli poza krawędzią obramowania:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Definicja i użycie
Właściwość outline-offset
dodaje przestrzeń między obrysem a krawędzią lub obramowaniem elementu.
Przestrzeń pomiędzy elementem a jego obrysem jest przezroczysta.
Kontury różnią się od granic na trzy sposoby:
- Kontur to linia narysowana wokół elementów, poza krawędzią obramowania
- Kontur nie zajmuje miejsca
- Kontur może być nieprostokątny
Domyślna wartość: | 0 |
---|---|
Dziedziczny: | nie |
Animowalny: | tak, zobacz poszczególne właściwości . Przeczytaj o animacji |
Wersja: | CSS3 |
Składnia JavaScript: | obiekt .style.outlineOffset="15px" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
Składnia CSS
outline-offset: length|initial|inherit;
Wartości nieruchomości
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Powiązane strony
Samouczek CSS: Interfejs użytkownika CSS
Dokumentacja HTML DOM: właściwość outlineOffset