Proprietà borderImageOutset dello stile

Definizione e uso

borderImageOutset Imposta o restituisce la quantità di immagine della cornice che supera il riquadro della cornice (border box).

Vedi anche:

Manuale CSS:Proprietà border-image-outset

Esempio

Metti la cornice al di fuori dell'angolo del <div> elemento:

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

Prova tu stesso

Sintassi

Restituisce la proprietà borderImageOutset:

object.style.borderImageOutset

Imposta la proprietà borderImageOutset:

object.style.borderImageOutset = "length|number|initial|inherit"

Commento:borderImageOutset L'attributo determina la quantità di immagine della cornice che supera il riquadro della cornice. In alto, a destra, in basso, a sinistra. Se si ignora il quarto valore, è uguale al secondo valore. Se si omette il terzo valore, è uguale al primo valore. Se si omette il secondo valore, è uguale al primo valore. Non sono ammessi valori negativi come valore di border-image-outset.

Valore dell'attributo

Valore Descrizione
length Unità di lunghezza, che determina la distanza da cui l'immagine della cornice apparirà. Valore predefinito 0.
number Rappresenta il multiplo del border-width corrispondente.
initial Imposta questo attributo al suo valore predefinito. Vedi anche initial.
inherit Inherita da questo attributo dal suo elemento padre. Vedi anche inherit.

Dettagli tecnici

Valore predefinito: 0
Valore di ritorno: Stringa che rappresenta l'elemento Proprietà border-image-outset.
Versione CSS: CSS3

Supporto del browser

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supportato 11.0 Supportato 6.0 15.0

Vedere di seguito Proprietà borderImage!