Contoh
Biarkan gambar latar belakang mulai dari sudut kiri atas konten:
#example1
{
background:url(img_flwr.gif);
background-repeat: no-repeat;
padding:35px;
background-origin: content-box;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti background-asal menentukan mana gambar latar belakang diposisikan.
Note: Jika properti background-attachment diatur ke "fixed" , properti ini tidak berpengaruh.
| nilai default: | padding-box |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.backgroundOrigin="content-box" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| background-origin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
CSS Syntax
background-origin: padding-box|border-box|content-box|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| padding-box | nilai default. Gambar latar belakang dimulai dari sudut kiri atas dari tepi bantalan | Mainkan " |
| border-box | Gambar latar belakang mulai dari sudut kiri atas perbatasan | Mainkan " |
| content-box | Gambar latar belakang mulai dari sudut kiri atas konten | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS3 tutorial: Backgrounds CSS3
Referensi HTML DOM: backgroundOrigin property