Atribut background-clip CSS

Definisi dan penggunaan

background-clip Sifat menentukan kawasan pereka latar belakang.

Lihat juga:

Panduan CSS:Latar belakang CSS、Latar belakang CSS (tinggi)

Panduan HTML DOM:Sifat backgroundClip

Contoh

Menentukan kawasan pereka latar belakang:

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

Cuba sendiri

语法 CSS

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

Nilai sifat

Nilai Penerangan Pengujian
border-box Latar belakang disunting ke kotak sempadan. Pengujian
padding-box Latar belakang disunting ke kotak pengurangan. Pengujian
content-box Latar belakang disunting ke kotak kandungan. Pengujian

Detil teknikal

Nilai lalai: border-box
Inheritsi: tidak
Versi: CSS3
语法 JavaScript: object.style.backgroundClip="content-box"

Pemungutan bantuan pereka

Terdapat nombor di dalam tabel yang menunjukkan versi pereka paling awal yang menyokong sifat ini.

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