Przejdź do treści

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.

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

Komentarze

Zobacz więcej komentarzy

Facebook