CSS3 properti background-clip
contoh
Menentukan latar belakang dari area gambar:
div
{
background-color:yellow;
background-clip:content-box;
}
{
background-color:yellow;
background-clip:content-box;
}
Coba »
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
| milik | |||||
|---|---|---|---|---|---|
| border-image | 16.0 4.0 -webkit- | 11.0 | 15.0 3,5 moz | 6.0 3.1 -webkit- | 15.0 11.0 -o- |
Tag definisi dan petunjuk
Properti background-clip menentukan latar belakang area gambar.
| default: | border-box |
|---|---|
| warisan: | tidak |
| versi: | CSS3 |
| sintaks JavaScript: | keberatan object.style.backgroundClip = "content-box" |
tatabahasa
background-clip: border-box|padding-box|content-box;
| nilai | penjelasan |
|---|---|
| border-box | Default. Latar belakang ditarik di blok frame (bingkai potong kotak). |
| padding-kotak | Latar belakang ditarik di blok padding (dipotong menjadi blok padding). |
| konten-kotak | Latar Belakang isi ditarik dalam kotak (dipotong menjadi blok konten). |
Artikel terkait
CSS3 tutorial: Backgrounds CSS3
