Manuale di riferimento CSS

Regole @CSS (RULES)

Completo di attributi CSS

Proprietà border-image-slice di CSS3 Proprietà border-image-outset di CSS3

Metodi di utilizzo e esempi dell'attributo border-image-repeat CSS3

L'attributo border-image-repeat CSS specifica come scalare o ripetere l'immagine di bordo centrale per adattarla alle dimensioni 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:	stretch
Applicabile a:	Tutti gli elementi, ma quando il valore dell'attributo border-collapse degli elementi tabellari (come tr, th, td) è setto a collapse, l'attributo border-image-repeat non è valido. Anche applicabile a::first-letter.
Ereditarietà:	Nessuno
Animabile:	No.Si prega di consultare Proprietà animazione.
Versione:	Nuova funzionalità CSS3
Sintassi JavaScript:	object.style.borderImageRepeat = "round"

Utilizzo della sintassi border-image-repeat

La sintassi di questa proprietà è la seguente:

border-image-repeat:　[　stretch　|　repeat　|　round　|　space　]　1　or　2　values　|　initial　|　inherit

Il seguente esempio dimostra come utilizzare la proprietà border-image-repeat.

Esempio

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

Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

Valore	Descrizione
stretch	L'immagine viene stirata per riempire l'area tra i margini del bordo. Questo è il valore predefinito.
repeat	L'immagine viene ripetuta o ripetuta fino a quando riempie l'area tra i margini del bordo.
round	L'immagine viene ripetuta o ripetuta fino a quando riempie l'area tra i margini del bordo. Se l'area non può essere riempita con un numero completo di tile, l'immagine viene scalata per adattarsi.
space	L'immagine viene ripetuta o ripetuta fino a quando riempie l'area tra i margini del bordo. Se l'area non può essere riempita con tutti i tile, lo spazio in eccesso viene distribuito intorno ai tile.
initial	Imposta questa proprietà al suo valore predefinito.
inherit	Se specificato, l'elemento correlato utilizza il valore calcolato della proprietà border-image-repeat del suo elemento padre.

Compatibilità del browser

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

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

Leggi di più

Si prega di consultare la guida:Bordo CSS3,Bordo CSS.

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

Proprietà border-image-slice di CSS3 Proprietà border-image-outset di CSS3