Proprietà CSS border-image-source
Esempio
Specifica un'immagine come bordo attorno a un elemento:
#borderimg
{
border-image-source: url(border.png);
}
Definizione e utilizzo
La border-image-source
proprietà specifica il percorso dell'immagine da utilizzare come bordo (invece del normale bordo attorno a un elemento).
Suggerimento: se il valore è "none" o se l'immagine non può essere visualizzata, verranno utilizzati gli stili del bordo.
Suggerimento: guarda anche la proprietà border-image (una proprietà abbreviata per impostare tutte le proprietà border-image-*).
Valore di default: | nessuno |
---|---|
Ereditato: | no |
Animabile: | no. Leggi su animabile |
Versione: | CSS3 |
sintassi JavaScript: | oggetto .style.borderImageSource="url(border.png)" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Sintassi CSS
border-image-source: none|image|initial|inherit;
Valori di proprietà
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Pagine correlate
Tutorial CSS: Immagini di bordo CSS
Riferimento CSS: proprietà border-image
Riferimento CSS: proprietà border-image-outset
Riferimento CSS: proprietà border-image-repeat
Riferimento CSS: proprietà border-image-slice
Riferimento CSS: proprietà border-image-width
Riferimento DOM HTML: proprietà borderImageSource