CSS background-clip egenskap

Definition och användning

background-clip Egenskapen definierar bakgrundens ritområde.

Se också:

CSS kurs:CSS bakgrund、CSS bakgrund (avancerad)

HTML DOM referenshandbok:backgroundClip-egenskapen

Exempel

Definierar bakgrundens ritområde:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning Test
border-box Bakgrund klipps till kantramen. Test
padding-box Bakgrund klipps till padding-ramen. Test
content-box Bakgrund klipps till innehållsramen. Test

Tekniska detaljer

Standardvärde: border-box
Arvsförmåga: no
Version: CSS3
JavaScript-syntax: object.style.backgroundClip="content-box"

Webbläsarstöd

Tabellen anger den första webbläsarversion som helt stöder egenskapen.

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