CSS border-image-repeat egenskap
- föregående sida border-image-outset
- Nästa sida border-image-slice
Definition och användning
border-image-repeat egenskapen bestämmer om bildkanten ska upprepas (upprepade), sträckas (utsträckta) eller fylla området (rund).
Se också:
CSS3-tutorials:CSS3 kanter
Exempel
Bestäm hur bilden ska upprepas som kantbilde:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
CSS-syntax
border-image-repeat: stretch|repeat|round;
Kommentar:Denna egenskap bestämmer hur kantbilden utökas och铺排边缘和中间部分。Därför kan du specificera två värden. Om den andra värdet utelämnas, används samma värde som det första värdet.
Egenskapsvärde
| Värde | Beskrivning |
|---|---|
| stretch | Sträcka ut bilderna för att fylla området |
| repeat | Täck området med mönster genom att upprepa bilderna. |
| round | Liknande repeat-värde. Om det inte är möjligt att täcka hela området med bilderna, skalas bilderna för att anpassa sig till området. |
Tekniska detaljer
| Standardvärde: | stretch |
|---|---|
| Arvsförmåga: | nej |
| Version: | CSS3 |
| JavaScript-syntax: | object.style.borderImageRepeat="round" |
Webbläsarstöd
Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
se border-image egenskap.
- föregående sida border-image-outset
- Nästa sida border-image-slice
