CSS background-clip egenskab
- Forrige side background-blend-mode
- Næste side background-color
Definisjon og bruk
background-clip
Egenskapen definerer baggrundens tegningsområde.
Se også:
CSS undervisning:CSS baggrundogCSS baggrund (avansert)
HTML DOM referate manual:backgroundClip egenskab
Eksempel
Definerer baggrundens tegningsområde:
div { background-color:yellow; background-clip:content-box; }
CSS syntaks
background-clip: border-box|padding-box|content-box;
Egenskapsverdi
Verdi | Beskrivelse | Test |
---|---|---|
border-box | Baggrunden beskæres til kanteboks. | Test |
padding-box | Baggrunden beskæres til indre kanteboks. | Test |
content-box | Baggrunden beskæres til indholdskassen. | Test |
Tekniske detaljer
Standardverdi: | border-box |
---|---|
Arvbarhet: | nei |
Version: | CSS3 |
JavaScript syntaks: | object.style.backgroundClip="content-box" |
Browser-understøttelse
Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | IE / Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
- Forrige side background-blend-mode
- Næste side background-color