Stijl borderImage eigenschap

Definitie en gebruik

borderImage De eigenschap is een afkorting voor het instellen van de volgende eigenschappen:

Overgeslagen waarden worden ingesteld op hun standaardwaarden.

Zie ook:

CSS referentiemanualborder-image eigenschap

Voorbeeld

Specificeer de afbeelding als rand van het <div> element:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Probeer het zelf uit

Syntaxis

Terugkeergewijze waarde van de borderImage eigenschap:

object.style.borderImage

Instellen van de borderImage eigenschap:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
borderImageSource Het pad naar de afbeelding die als rand moet worden gebruikt.
borderImageSlice De binnensubtijs van de afbeeldingsrand.
borderImageWidth De breedte van de afbeeldingsrand.
borderImageOutset De hoeveelheid die de afbeeldingsrandoverschrijdt ten opzichte van de randkoker (border box).
borderImageRepeat De afbeeldingsrand moet worden gecoverd (herhaald), gevuld (afgerond) of uitgerekt (uitgerekt) zijn.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: none 100% 1 0 stretch
terugkeergewijze waarde: tekenreeks die de border-image eigenschap.
CSS versie: CSS3

Browserondersteuning

De getallen in de tabel vermelden de versie van de browser die de eigenschap voor het eerst volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0