English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo border-image-source CSS specifica la posizione dell'immagine da utilizzare per il bordo, non il:border-styleStile di bordo specificato dalla proprietà.
La tabella seguente fornisce una spiegazione dell'uso di questa proprietà e la cronologia delle versioni, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.
| Valore predefinito: | none |
|---|---|
| Applicabile a: | Questa proprietà può essere applicata a qualsiasi elemento, ma quando il valore dell'attributo border-collapse degli elementi tabellari (come tr, th, td) è collapse, l'attributo border-image-source non è efficace. Anche questa si applica a:::first-letter. |
| Ereditabile: | No |
| Animabile: | NoVedere: Proprietà animazione. |
| Versione: | Nuova funzionalità CSS3 |
| Sintassi JavaScript: | oggetto.style.borderImageSource="url(border.png)" |
La sintassi di questa proprietà è la seguente:
border-image-source: none | image | initial | inherit
Ecco un esempio di come utilizzare la proprietà border-image-source.
.box {
larghezza: 300px;
altezza: 150px;
border-image-source: url("border.png");
border-image-slice: 30;
border-image-repeat: round;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| none | Non ci sono immagini di bordo, verrà utilizzato lo stile di bordo. Questo è il valore predefinito. |
| image | Specificare la posizione dell'immagine di bordo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore calcolato della proprietà border-image-source del suo elemento padre. |
La compatibilità del browser per la proprietà border-image-source, i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Ecco la guida da consultare:CSS3 BordereCSS Border.
Proprietà correlate:border-image,border-image-width,border-image-repeat,border-image-slice,border-image-outset,border.