Odstęp obrysu {outline-offset}
W jaki sposób odsunąć ramkę obrysu od krawędzi elementu?
CSS 3
selektor { outline-offset: rozmiar }
Selektorem może być dowolny znacznik, np.: p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów].
Natomiast jako "rozmiar" należy podać odstęp wyrażony w jednostkach długości.
Natomiast jako "rozmiar" należy podać odstęp wyrażony w jednostkach długości.
Standardowo obrys jest rysowany bezpośrednio na krawędzi elementu. Możemy go jednak nieco od niego odsunąć, jeśli uważamy, że dzięki temu będzie on wyglądał bardziej estytycznie.
Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj.
Przykład {outline-offset}
outline-offset: 10px
obrys bez odstępu
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
---|---|---|---|---|---|
outline-offset: wartość | 1 2008-12-11 | 1.5 2005-11-29 | 15 2017-04-05 | 9.5 2008-06-12 | 1.2 2004-02-02 |