Przykład
Określ zarys 15px zewnątrz krawędzi obramowania:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
Spróbuj sam " Definicja i Wykorzystanie
Właściwość outline-offset dodaje odstęp między konturem a krawędzią lub obramowanie elementu.
Zarysy różnią się od granicy na dwa sposoby:
- Zarys jest linia przebiegająca wokół elementów, na zewnątrz krawędzi obramowania
- Zarys nie zajmują miejsca
- Zarys może być inna niż prostokątna
| Domyślna wartość: | 0 |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.outlineOffset="15px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| outline-offset | 4,0 | Nieobsługiwany | 3,5 | 3,1 | 10,5 |
Składnia CSS
outline-offset:length|initial|inherit;wartości nieruchomości
| Wartość | Opis |
|---|---|
| length | Odległość kontur jest początek od krawędzi granicznej. Wartość domyślna to 0 |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Tutorial CSS3: CSS3 Interfejs użytkownika
HTML DOM referencyjny: outlineOffset property