Proprietà CSS border-image-repeat
Esempio
Specifica come ripetere l'immagine del bordo:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Definizione e utilizzo
La border-image-repeat
proprietà specifica se l'immagine del bordo deve essere ripetuta, arrotondata, distanziata o allungata.
Suggerimento: guarda anche la proprietà border-image (una proprietà abbreviata per impostare tutte le proprietà border-image-*).
Valore di default: | stirata |
---|---|
Ereditato: | no |
Animabile: | no. Leggi su animabile |
Versione: | CSS3 |
sintassi JavaScript: | oggetto .style.borderImageRepeat="round" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Sintassi CSS
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Nota: questa proprietà specifica come le immagini per i lati e la parte centrale dell'immagine del bordo vengono ridimensionate e affiancate. Quindi, puoi specificare due valori qui. Se il secondo valore viene omesso, si presume che sia uguale al primo.
Valori di proprietà
Value | Description | Play it |
---|---|---|
stretch | Default value. The image is stretched to fill the area | |
repeat | The image is tiled (repeated) to fill the area | |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits | |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pagine correlate
Tutorial CSS: Immagini di bordo CSS
Riferimento CSS: proprietà border-image
Riferimento CSS: proprietà border-image-outset
Riferimento CSS: proprietà border-image-slice
Riferimento CSS: proprietà border-image-source
Riferimento CSS: proprietà border-image-width
Riferimento DOM HTML: proprietà borderImageRepeat