CSS border-image-repeat egenskab
- foregående side border-image-outset
- Næste side border-image-slice
Definition og brug
border-image-repeat egenskaben bestemmer, om billedkanten skal gentages (gentaget), strækkes (strakt) eller fyldes ud (rondet).
Se også:
CSS3 undervisning:CSS3 kant
Eksempel
Angiver, hvordan billedet af kantbilledet skal gentages:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
CSS syntaks
border-image-repeat: stretch|repeat|round;
Bemærkninger:Denne egenskab bestemmer, hvordan kantbilledet udstrækkes og lægges ud langs kanten og midten af elementet. Derfor kan du specificere to værdier. Hvis den anden værdi udelades, bruges den samme værdi som den første.
Egenskabsværdi
| Værdi | Beskrivelse |
|---|---|
| stretch | Stræk billederne for at fylde området |
| repeat | Flis (gentag) billederne for at fylde området. |
| round | Lignende repeat-værdi. Hvis det ikke er muligt at flise alle billeder fuldt ud, skal billederne skal skaleres for at passe til området. |
Tekniske detaljer
| Standardværdi: | stretch |
|---|---|
| Arv: | nej |
| Version: | CSS3 |
| JavaScript syntaks: | object.style.borderImageRepeat="round" |
browserunderstøttelse
Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
se venligst border-image egenskab.
- foregående side border-image-outset
- Næste side border-image-slice
