Stijl borderImageRepeat eigenschap
- Previous page
- Next page
- Go back to the previous level HTML DOM Style Object
Definitie en gebruik
borderImageRepeat Instellen of teruggeven of de afbeeldingsrand moet worden geschilderd (herhaald), gevuld (rond) of uitgerekt (gestrekt).
Zie ook:
CSS referentiemanualborder-image-repeat eigenschap
Voorbeeld
Bepaal hoe de afbeeldingrand moet worden herhaald:
document.getElementById("myDIV").style.borderImageRepeat = "round";
Syntax
Terugkeer van de borderImageRepeat eigenschap:
object.style.borderImageRepeat
Instellen van de borderImageRepeat eigenschap:
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
Eigenschapswaarde
| Waarde | Beschrijving |
|---|---|
| stretch | Standaardwaarde. De afbeelding wordt uitgerekt om het gebied te vullen. |
| repeat | De afbeelding wordt geschilderd (herhaald) om het gebied te vullen. |
| round |
De afbeelding wordt geschilderd (herhaald) om het gebied te vullen. Als het gebied niet volledig wordt gevuld met een volledig aantal blokken, wordt de afbeelding opnieuw geschaald om erin te passen. |
| space |
De afbeelding wordt geschilderd (herhaald) om het gebied te vullen. Als het gebied niet volledig wordt gevuld met een volledig aantal blokken, wordt de extra ruimte verdeeld rond de blokken. |
| initial | Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial. |
| inherit | Inherit deze eigenschap van de ouderweergave. Raadpleeg inherit. |
Technische details
| Standaardwaarde: | stretch |
|---|---|
| Terugkeervalue: | tekenreeks, die de border-image-repeat eigenschap. |
| CSS versie: | CSS3 |
Browser support
The numbers in the table indicate the first browser version that fully supports this property.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Supported | 11.0 | Supported | 6.0 | 15.0 |
See also borderImage property.
- Previous page
- Next page
- Go back to the previous level HTML DOM Style Object
