English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo border-image-width CSS specifica la larghezza del bordo.
La tabella seguente fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo dell'attributo nel script JavaScript.
| Valore predefinito: | 1 |
|---|---|
| Applicabile a: | Questa proprietà può essere applicata a qualsiasi elemento, ma quando il valore dell'attributo border-collapse dei elementi tabellari (come tr, th, td) è collapse, la proprietà border-image-width non è valida. È anche applicabile a::first-letter. |
| Ereditarietà: | Nessuno |
| Animabile: | No.Si prega di consultare Proprietà animazione. |
| Versione: | Nuove funzionalità CSS3 |
| Sintassi JavaScript: | oggetto.style.borderImageWidth="30 30" |
La sintassi di questa proprietà è la seguente:
border-image-width: [length | percentage | number | auto] 1 to 4 values | initial | inherit
Il seguente esempio dimostra come utilizzare la proprietà border-image-width.
.box {
width: 300px;
height: 150px;
border-image-source: url("border.png");
border-image-width: 10px;
border-image-slice: 30;
border-image-repeat: round;
}Testa per vedere‹/›La tabella di seguito descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| length | Specificare la larghezza del bordo in unità assolute o relative. |
| percentage | Specificare la larghezza del bordo in percentuale dell'elemento. |
| number | Rappresenta l'elementoborder-widthValore calcolato della proprietà o multiplo della larghezza del bordo. |
| auto | Specificare la larghezza dell'immagine di bordo è la larghezza o altezza della sezione dell'immagine. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore calcolato della proprietà border-image-width del suo elemento padre. |
Compatibilità del browser per il proprietà border-image-width, i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Si prega di consultare la seguente guida:CSS3 BordereCSS Border.
Proprietà correlate:border-image,border-image-source,border-image-repeat,border-image-slice,border-image-outset,border.