The background-originproperti mendefinisikan mana untuk melukis latar belakang: di seluruh elemen, di dalam perbatasan, atau di dalam padding.
Ada empat nilai: border-box, padding-box, content-boxdan inherit. Berikut demo nya:
Lihat Demo Asal Latar Pena oleh Timothy Miller (@tjacobdesign) di CodePen.
background-origin mirip dengan klip latar belakang, hanya saja ini mengubah ukuran latar belakang daripada memotongnya.
Contoh di atas telah background-size: coverdan background-repeat: no-repeatjuga diterapkan. Jika bukan itu masalahnya, gambar akan berulang di bawah tepi atau padding.
Terkait
- background-attachment
- klip latar belakang
- warna latar belakang
- gambar latar belakang
- background-position
- ulangi latar belakang
- background-size
Sumber Daya Lainnya
- Spesifikasi CSS3
- MDN
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10.5+ | 9+ | Bekerja | Bekerja |