Stijl borderImageSlice eigenschap

Definitie en gebruik

borderImageSlice Eigenschap bepaalt de binnendrukking van de afbeeldingsrand.

Zie ook:

CSS referentiemanualborder-image-slice eigenschap

Voorbeeld

Bepaal de binnendrukking van de afbeeldingsrand:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

Probeer het zelf uit

Syntaxis

Terugkeerwaarde van de borderImageSlice eigenschap:

object.style.borderImageSlice

Instellen van de borderImageSlice eigenschap:

object.style.borderImageSlice = "number|%|fill|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
number Getal, dat de pixels (indien een rasterafbeelding) of vectorcoördinaten (indien een vectorafbeelding) vertegenwoordigt.
%

Percentage ten opzichte van de afbeeldingsgrootte: de breedte van de afbeelding beïnvloedt de horizontale offset, de hoogte de verticale offset.

De standaardwaarde is 100%.
fill Behoudt het midden van de randafbeelding.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: 100%
Terugkeerwaarde: tekenreeks, die de border-image-slice eigenschap.
CSS versie: CSS3

Browser ondersteuning

The numbers in the table indicate the first browser version that fully supports this attribute.

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

Please see borderImage attribute!