Stile borderImageOutset Proprietà
Esempio
Posiziona il bordo fuori dai bordi dell'elemento <div>:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Definizione e utilizzo
La proprietà borderImageOutset imposta o restituisce la quantità di cui l'area dell'immagine del bordo si estende oltre il riquadro del bordo.
Supporto del browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Guarda invece la proprietà borderImage !
Sintassi
Restituisce la proprietà borderImageOutset:
object.style.borderImageOutset
Imposta la proprietà borderImageOutset:
object.style.borderImageOutset = "length|number|initial|inherit"
Nota: la proprietà borderImageOutset specifica la quantità di cui l'area dell'immagine del bordo si estende oltre il riquadro del bordo. sui lati superiore, destro, inferiore e sinistro. Se il quarto valore viene omesso, è uguale al secondo. Se si omette anche il terzo, è uguale al primo. Se si omette anche il secondo, è uguale al primo. I valori negativi non sono consentiti per nessuno dei valori di borderImageOutset.
Valori di proprietà
Value | Description |
---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 |
number | Represent multiples of the corresponding border-width |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | 0 |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la proprietà border-image-outset di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Riferimento CSS: proprietà border-image-outset