CSS border-afbeelding-bron eigenschap

Definitie en gebruik

De border-image-source-eigenschap specifies the image to be used instead of the border style set in the border-style-eigenschap.

Tip:Gebruik de randstijl als de waarde "geen" is, of als de afbeelding niet kan worden weergegeven.

Zie ook:

CSS3 handleiding:CSS3 rand

Voorbeeld

Gebruik een afbeelding als rand om het div-element heen:

div
{
border-image-source: url(border.png);
}

CSS syntaxis

border-image-source: geen|afbeelding;

Eigenschapswaarde

Waarde Beschrijving
geen Geen afbeelding gebruiken.
afbeelding Pad naar het afbeelding dat als rand wordt gebruikt.

Technische details

Standaardwaarde: geen
Inheritance: nee
Versie: CSS3
JavaScript syntaxis: object.style.borderImageSource="url(border.png)"

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 eigenschappen.