Proprietà border-image-outset CSS

Definizione e uso

L'attributo border-image-outset specifica la quantità di immagine di bordo che supera il riquadro del bordo.

Vedi anche:

Corso CSS3:Bordo CSS3

Esempio

Impostare l'attributo border-image-outset:

div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}

Sintassi CSS

border-image-outset: length|number;

Note:L'attributo border-image-outset specifica la quantità di immagine di bordo che supera il riquadro del bordo. In alto, a destra, in basso, a sinistra. Se si ignora il quarto valore, è lo stesso del secondo valore. Se si omite il terzo valore, è lo stesso del primo valore. Se si omite il secondo valore, è lo stesso del primo valore. Non sono ammessi valori negativi come valori di border-image-outset.

Valore dell'attributo

Valore Descrizione
length
number Rappresenta un multiplo del border-width corrispondente.

Dettagli tecnici

Valore predefinito: 0
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.borderImageOutset="30 30"

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

Si prega di consultare border-image proprietà.