Proprietà border-image-repeat CSS

Definizione e uso

L'attributo border-image-repeat determina se l'immagine del bordo deve essere ripetuta (ripetuta), stirata (stirata) o riempita (rotonda).

Vedere anche:

Guida CSS3:Bordo CSS3

Esempio

Determina come ripetere l'immagine del bordo:

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

Sintassi CSS

border-image-repeat: stretch|repeat|round;

Note:Questa proprietà determina come estendere e posizionare l'immagine della cornice degli bordi e la parte centrale. Pertanto, è possibile specificare due valori. Se si omette il secondo valore, viene utilizzato lo stesso valore del primo.

Valore dell'attributo

Valore Descrizione
stretch Stendi l'immagine per riempire l'area
repeat Tessere (ripeti) l'immagine per riempire l'area.
round Simile al valore repeat. Se non è possibile stendere completamente tutte le immagini, queste vengono ridimensionate per adattarsi all'area.

Dettagli tecnici

Valore predefinito: stretch
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.borderImageRepeat="round"

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

Vedere border-image proprietà.