CSS border-afbeelding-uitsteek eigenschap

Definitie en gebruik

De border-image-outset-eigenschap bepaalt de hoeveelheid die de randafbeelding uitsteekt buiten de randbalk.

Zie ook:

CSS3 handleiding:CSS3 rand

Voorbeeld

Stel de border-image-outset-eigenschap in:

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

CSS syntaxis

border-image-outset: length|number;

Opmerking:De border-image-outset-eigenschap bepaalt de hoeveelheid die de randafbeelding uitsteekt buiten de randbalk. Boven, rechts, onder, links. Als de vierde waarde wordt genegeerd, is deze hetzelfde als de tweede waarde. Als de derde waarde wordt weggelaten, is deze hetzelfde als de eerste waarde. Als de tweede waarde wordt weggelaten, is deze hetzelfde als de eerste waarde. Geen negatieve waarden zijn toegestaan als waarde van border-image-outset.

Eigenschapswaarde

Waarde Beschrijving
length
number Vertegenwoordigt het aantal malen dat de border-width wordt vermenigvuldigd.

Technische details

Standaardwaarde: 0
Inheritantie: nee
Versie: CSS3
JavaScript syntaxis: object.style.borderImageOutset="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 15.0 6.0 15.0

Raadpleeg border-image eigenschappen.