Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

Proprietà border-image-repeat di CSS3 Proprietà border-image di CSS3

Metodi di utilizzo e esempi di CSS3 border-image-outset

L'attributo CSS border-image-outset specifica la quantità di sovrapposizione dell'area dell'immagine di bordo rispetto al riquadro del bordo.

La tabella seguente fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo in JavaScript.

Valore predefinito:	0
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) è setto a collapse, l'attributo border-image-outset non è valido. Anche questo si applica a::first-letter.
Ereditarietà:	Nessuno
Animabile:	No.Vedere: Proprietà animazione.
Versione:	Nuova funzionalità CSS3
Sintassi JavaScript:	object.style.borderImageOutset="20 20"

Sintassi dell'uso di border-image-outset

La sintassi di questa proprietà è la seguente:

　border-image-outset:　	length　|　number　|　initial　|　inherit

Ecco un esempio che dimostra come utilizzare la proprietà border-image-outset.

Esempio

.box　{
　　　　width:　300px;
　　　　height:　150px;
　　　　border:　15px　solid　transparent;
　　　　border-image-source:　url("border.png");
　　　　border-image-slice:　30;
　　　　border-image-outset:　15px;
}

Prova a vedere‹/›

Valore della proprietà

La tabella seguente descrive i valori di questa proprietà.

Valore	Descrizione
length	Specifica la distanza assoluta o la distanza in unità relativa che la immagine di margine supera il riquadro di margine. Non è permesso utilizzare valori negativi.
number	Rappresenta la larghezza del margine o la larghezza del riquadro di margineborder-widthLa multipla del valore.
initial	Imposta questa proprietà al suo valore predefinito.
inherit	Se specificato, l'elemento correlato utilizza il valore della proprietà border-image-outset del suo elemento padre.

Compatibilità del browser

Compatibilità del browser per la proprietà border-image-outset: i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

	Firefox 15+ Google Chrome15+ Internet Explorer 11+ Apple Safari 6+ Opera 15+

Leggi di più

Ecco le guide seguenti:CSS3 BordereCSS Border.

Proprietà correlate:border-image,border-image-source,border-image-slice,border-image-width,border-image-repeat,border.

Proprietà border-image-repeat di CSS3 Proprietà border-image di CSS3