CSS border-afbeelding-breedte eigenschap

Definitie en gebruik

De border-image-width-eigenschap definieert de breedte van de afbeeldingsrand.

Zie ook:

CSS3 cursus:CSS3 rand

Voorbeeld

Stel de breedte van de afbeeldingsrand in:

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

CSS syntax

border-image-width: getal|%|auto;

Opmerking:De vier waarden van de border-image-width-eigenschap verdelen het borderbeeld in negen delen. Ze vertegenwoordigen de afstand van de bovenste, rechter, onderste en linkerkant van het gebied naar binnen. Als de vierde waarde wordt genegeerd, is deze gelijk aan de tweede waarde. Als de derde waarde wordt weggelaten, is deze gelijk aan de eerste waarde. Als de tweede waarde wordt weggelaten, is deze gelijk aan de eerste waarde. Er mogen geen negatieve waarden worden opgegeven als border-image-width-waarden.

Eigenschapswaarde

Waarde Beschrijving
getal vertegenwoordigt het aantal maal van de overeenkomstige border-width.
% Raadpleeg de afmetingen van het referentiemembordbeeldvak: de hoogte beïnvloedt de horizontale offset, de breedte beïnvloedt de verticale offset.
auto Als deze eigenschap wordt opgegeven, is de breedte van de afbeeldingssnijding van de afbeelding van nature.

Technische details

Standaardwaarde: geen
Inheritance: nee
Versie: CSS3
JavaScript syntax: object.style.borderImageWidth="30 30"

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 13.0 6.0 15.0

Raadpleeg border-image eigenschappen.