Atribut background-origin CSS

Definisi dan penggunaan

background-origin Definisi properti background-position Properti menentukan posisi yang mana untuk menempatkan.

Keterangan:Jika gambar latar belakang background-attachment Properti adalah "tetapJika nilai adalah ", properti ini tidak berpengaruh.

Lihat juga:

Panduan CSS:Latar belakang CSSdanLatar belakang CSS (Mahir)

Panduan HTML DOM:Properti backgroundOrigin

Contoh

Memposisikan gambar latar belakang berdasarkan kotak konten:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

Coba sendiri

Grammar CSS

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

Nilai properti

Nilai Deskripsi Pengujian
padding-box Gambar latar belakang ditempatkan berdasarkan kotak margin dalam. Pengujian
border-box Gambar latar belakang ditempatkan berdasarkan kotak batas. Pengujian
content-box Gambar latar belakang ditempatkan berdasarkan kotak konten. Pengujian

Detil teknis

Nilai standar: padding-box
Inheritance: no
Versi: CSS3
语法 JavaScript: object.style.backgroundOrigin="content-box"

Dukungan browser

Tabel yang berisi angka menunjukkan versi browser pertama yang mendukung properti ini.

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