Esempio
Specificare un contorno 15px al di fuori del limite del bordo:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
Prova tu stesso " Definizione e utilizzo
La proprietà outline-offset aggiunge spazio tra un profilo e il bordo o il bordo di un elemento.
Lineamenti differiscono dai confini in due modi:
- Un profilo è una linea tracciata attorno agli elementi, al di fuori del limite del bordo
- Un contorno non occupano spazio
- Un profilo può essere non rettangolare
| Valore di default: | 0 |
|---|---|
| Inherited: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versione: | CSS3 |
| sintassi JavaScript: | object .style.outlineOffset="15px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| outline-offset | 4.0 | Non supportato | 3.5 | 3.1 | 10.5 |
CSS Sintassi
outline-offset:length|initial|inherit;I valori delle proprietà
| Valore | Descrizione |
|---|---|
| length | La distanza il contorno è fin dal limite del bordo. Il valore di default è 0 |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS3 tutorial: CSS3 User Interface
Di riferimento HTML DOM: outlineOffset property