Proprietà border-image-source CSS
- pagina precedente border-image-slice
- Pagina successiva border-image-width
Definizione e uso
L'attributo border-image-source specifica l'immagine da utilizzare al posto dello stile di bordo impostato dall'attributo border-style.
Suggerimento:Se il valore è "nessuna" o se l'immagine non può essere visualizzata, utilizzare lo stile di bordo.
Vedi anche:
Guida CSS3:CSS3 Bordo
Esempio
Utilizzare un'immagine come bordo intorno all'elemento div:
div { border-image-source: url(border.png); }
Sintassi CSS
border-image-source: none|immagine;
Valore dell'attributo
Valore | Descrizione |
---|---|
nessuna | Non utilizzare immagini. |
immagine | Percorso dell'immagine utilizzata come bordo. |
Dettagli tecnici
Valore predefinito: | nessuna |
---|---|
Ereditarietà: | no |
Versione: | CSS3 |
Sintassi JavaScript: | object.style.borderImageSource="url(border.png)" |
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Si prega di consultare border-image proprietà.
- pagina precedente border-image-slice
- Pagina successiva border-image-width