CSS background-clip ominaisuus

Määritelmä ja käyttö

background-clip Ominaisuus määrittää taustan piirtämisen alueen.

Katso myös:

CSS oppitunnit:CSS taustajaCSS tausta (edistynyt)

HTML DOM viittausoppikirja:backgroundClip ominaisuus

Esimerkki

Määrittää taustan piirtämisen alueen:

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

Kokeile itse

CSS kieli

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

Ominaisuuden arvo

Arvo Kuvaus Testi
border-box Tausta leikataan reunalaatikkoon. Testi
padding-box Tausta leikataan sisennyksen laatikkoon. Testi
content-box Tausta leikataan sisällön laatikkoon. Testi

Tekninen yksityiskohta

Oletusarvo: border-box
Perintä: ei
Versio: CSS3
JavaScript kieli: object.style.backgroundClip="content-box"

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

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