Atribut background-origin CSS

Definisi dan penggunaan

background-origin Pengaturan sifat background-position Sifat diatur berbanding dengan mana-mana lokasi.

Keterangan:Jika gambar latar belakang background-attachment Sifat adalah "tetapJika tiada "", sifat ini tiada kesan.

Lihat juga:

Panduan CSS:Latar belakang CSSdanLatar belakang CSS (tahap tinggi)

Panduan DOM HTML:Sifat backgroundOrigin

Contoh

Letakkan gambar latar belakang berbanding dengan kotak kandungan:

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

Cuba sendiri

Tatabahasa CSS

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

Nilai sifat

Nilai Penerangan Pengujian
padding-box Gambar latar belakang terletak berbanding dengan kotak margin dalaman. Pengujian
border-box Gambar latar belakang terletak berbanding dengan kotak peringkat. Pengujian
content-box Gambar latar belakang terletak berbanding dengan kotak kandungan. Pengujian

Detil teknologi

Nilai lalai: padding-box
Inheritsi: tidak
Versi: CSS3
Tatabahasa JavaScript: objek.style.backgroundOrigin="content-box"

Dukungan pereka

Terdapat nombor di dalam jadwal 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