Esempio
Specificare un'immagine come il bordo attorno a un elemento:
#borderimg
{
border-image-source: url(border.png);
}
Prova tu stesso " Definizione e utilizzo
La proprietà border-image-source specifica il percorso per l'immagine da utilizzare come un bordo (instead of the normal border around an element) .
Tip: Se il valore è "none" , o se l'immagine non può essere visualizzata, verrà utilizzato gli stili di confine.
Suggerimento: Anche guardare il border-immagine proprietà (a shorthand property for setting all the border-image-* properties) .
| Valore di default: | none |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS3 |
| sintassi JavaScript: | object .style.borderImageSource="url(border.png)" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Sintassi
border-image-source: none|image|initial|inherit;I valori delle proprietà
| Valore | Descrizione |
|---|---|
| none | Nessuna immagine verrà utilizzata |
| image | Il percorso dell'immagine da utilizzare come un bordo |
| 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: Immagini CSS3 Border
CSS Riferimento: border-image property
CSS Riferimento: border-image-outset property
CSS Riferimento: border-image-repeat property
CSS Riferimento: border-image-slice property
CSS Riferimento: border-image-width property
Di riferimento HTML DOM: borderImageSource property