Proprietà CSS contorno offset
Esempio
Specificare un contorno rosso pieno di 4 pixel a 15 pixel fuori dal bordo del bordo:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Definizione e utilizzo
La outline-offset
proprietà aggiunge spazio tra il contorno e il bordo o il bordo di un elemento.
Lo spazio tra un elemento e il suo contorno è trasparente.
I contorni differiscono dai bordi in tre modi:
- Un contorno è una linea tracciata attorno agli elementi, al di fuori del bordo del bordo
- Un contorno non occupa spazio
- Un contorno può essere non rettangolare
Valore di default: | 0 |
---|---|
Ereditato: | no |
Animabile: | sì, vedi singole proprietà . Leggi su animabile |
Versione: | CSS3 |
sintassi JavaScript: | oggetto .style.outlineOffset="15px" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
Sintassi CSS
outline-offset: length|initial|inherit;
Valori di proprietà
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 |
Pagine correlate
Tutorial CSS: interfaccia utente CSS
Riferimento HTML DOM: proprietà outlineOffset