CSS background-clip Property

Definitie en gebruik

background-clip Eigenschap bepaalt de tekeningsruimte van de achtergrond.

Zie ook:

CSS handleiding:CSS achtergrondenCSS achtergrond (geavanceerd)

HTML DOM referentiemanual:backgroundClip eigenschap

Voorbeeld

Stelt de tekeningsruimte van de achtergrond vast:

div
{
background-color:yellow;
background-clip:content-box;
}

Probeer het zelf uit

CSS syntaxis

background-clip: border-box|padding-box|content-box;

Eigenschapswaarde

Waarde Beschrijving Test
border-box De achtergrond wordt afgesneden tot de randbox. Test
padding-box De achtergrond wordt afgesneden tot de binnenste padding-box. Test
content-box De achtergrond wordt afgesneden tot de inhoudsbox. Test

Technische details

Standaardwaarde: border-box
Inheritance: nee
Versie: CSS3
JavaScript syntaxis: object.style.backgroundClip="content-box"

Browserondersteuning

Tafelnummers vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5