come usare CSS3 border-image-repeat proprietà in cssref?

CSS3 border-image-repeat proprietà

Precedente: CSS3 border-image-fin proprietà

Successivo: CSS3 proprietà border-image-slice

Esempi

Impostare la modalità di ripetizione dell'immagine:

div {
border-image-source: url ( border.png);
border-image-repeat: repeat;
}

Definizioni e uso

attributo border-image-repeat se il confine immagine deve essere ripetuta (ripetuto), trazione (allungato) o coperti (arrotondato).

Suggerimento: È possibile visualizzare l' border-immagine proprietà (proprietà stenografica utilizzato per impostare tutte le proprietà del bordo-image- *).

predefinito:	tratto
Inherited:	no
Animazione:	n. Vedere animatable
versione:	CSS3
sintassi JavaScript:	object .style.borderImageRepeat = "round"provare

Supporto per il browser

I dati riportati nella tabella rappresentano il primo browser a supportare questa versione dei fatti.

proprietà
border-image-repeat	15.0	11.0	15.0	6.0	15.0

CSS Sintassi

border-image-repeat: tratto | ripetizione | rotondo | iniziale | ereditare;

Nota: Questo attributo specifica come estesa e la disposizione dei bordi e la parte centrale del telaio dell'immagine.Pertanto, è possibile specificare due valori. Se il secondo valore viene omesso, e il primo a fare lo stesso valore.

Proprietà Valore

valore	descrizione	Esempi
tratto	Predefinito. Allungare l'immagine per riempire l'area	Visualizza esempi »
ripetizione	Piastrella (ripetuto) per riempire l'area dell'immagine.	Visualizza esempi »
tondo	il valore di ripetizione simile. Se non è possibile completare tutti image piastrelle, l'immagine viene ridimensionata per adattarsi alla zona.	Visualizza esempi »
spazio	il valore di ripetizione simile. Se non è possibile completare tutte le immagini affiancate, spazio di espansione verrà distribuito intorno all'immagine
iniziale	Impostare questa proprietà sul valore predefinito. Vedi iniziale	Visualizza esempi »
ereditare	Questa proprietà viene ereditata dall'elemento genitore. Vedi ereditare