Minggu, 12 Oktober 2014
CSS background-image Properti
Contoh
Mengatur background-image untuk <body> elemen:
body
{
background-image: url('paper.gif');
background-color: #cccccc;
}
background-image: url('paper.gif');
background-color: #cccccc;
}
Coba sendiri »
Definisi dan Penggunaan
Properti background-image set satu atau beberapa gambar latar belakang untuk elemen.Latar belakang dari suatu unsur adalah ukuran total elemen, termasuk padding dan perbatasan (tapi tidak margin).
Secara default, latar belakang-gambar ditempatkan di sudut kiri atas elemen, dan diulang secara vertikal dan horizontal.
Tip: Selalu mengatur latar belakang warna yang akan digunakan jika gambar tidak tersedia.
| Nilai default: | none |
|---|---|
| Warisan: | tidak ada |
| Animatable: | no. Baca tentang animatable |
| Versi: | CSS1 |
| JavaScript sintaks: | objek .style.backgroundImage = "url (smiley.gif)" Cobalah |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh properti.| Property | |||||
|---|---|---|---|---|---|
| background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Sintaks
background-image: url |none|initial|inherit;
Nilai Properti
| Value | Description |
|---|---|
| url(' URL ') | The URL to the image. To specify more than one image, separate the URLs with a comma |
| none | No background image will be displayed. This is default |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Contoh Lebih
Contoh
Set beberapa gambar latar belakang untuk <body> elemen:
body {
background-image: url("img_tree.gif"), url("img_flwr.gif");
background-color: #cccccc;
}
background-image: url("img_tree.gif"), url("img_flwr.gif");
background-color: #cccccc;
}
Coba sendiri »
