Esempio
Specificare un'immagine come il bordo intorno a un <div> elemento:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; Prova tu stesso " Definizione e l'utilizzo
La proprietà borderImage è una proprietà scorciatoia per settare le borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset e borderImageRepeat proprietà.
I valori omessi vengono impostati ai valori predefiniti.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da Webkit, Moz, oppure O specificare la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| borderImage | 16,0 4.0 Webkit | 11.0 | 15.0 3.5 Moz | 6.0 3.1 Webkit | 15.0 11.0 O |
Sintassi
Restituire la proprietà borderImage:
object .style.borderImage
Impostare la proprietà borderImage:
object .style.borderImage=" I valori delle proprietà Valore Descrizione borderImageSource Il percorso dell'immagine da utilizzare come un bordo borderImageSlice Gli spostamenti verso l'interno dell'immagine-border borderImageWidth Le larghezze dell'immagine confine borderImageOutset La quantità di cui l'area dell'immagine di confine si estende oltre il bordo casella borderImageRepeat Se l'immagine-bordo deve essere ripetuta, arrotondato o allungato initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: none 100% 1 0 stirata Valore di ritorno: Una stringa, che rappresenta la proprietà border-immagine di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: border-image property
<Stile di oggetto