CSS border-afbeelding-herhalen eigenschap
- vorige pagina border-image-outset
- Volgende pagina border-image-slice
Definitie en gebruik
De border-image-repeat eigenschap bepaalt of de afbeeldingsrand moet worden herhaald (herhaald), gespannen (gespannen) of gevuld (gevuld).
Zie ook:
CSS3 handleiding:CSS3 rand
Voorbeeld
Bepaal hoe de afbeeldingsrand moet worden herhaald:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
CSS syntaxis
border-image-repeat: stretch|repeat|round;
Opmerking:Deze eigenschap bepaalt hoe de randafbeelding van de randen en het midden van de rand wordt uitgebreid en gelegd. Daarom kunt u twee waarden opgeven. Als de tweede waarde wordt overgeslagen, wordt dezelfde waarde als de eerste waarde aangenomen.
Eigenschapswaarde
| Waarde | Beschrijving |
|---|---|
| stretch | Spreiden van afbeeldingen om de regio te vullen |
| repeat | Tegenaanbrengen (herhaald) afbeeldingen om de regio te vullen. |
| round | Soortgelijke repeat-waarden. Als de afbeelding niet volledig kan worden gesmeerd, wordt de afbeelding geschaald om de regio aan te passen. |
Technische details
| Standaardwaarde: | stretch |
|---|---|
| Inheritance: | nee |
| Versie: | CSS3 |
| JavaScript syntaxis: | object.style.borderImageRepeat="round" |
Browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Raadpleeg border-image eigenschap.
- vorige pagina border-image-outset
- Volgende pagina border-image-slice
