Background

Asep Hidayat Ramdani

Background
Properti background CSS digunakan untuk
menentukan efek background elemen. Properti
background CSS:
 background color
 background image
 background-repeat
 background-attachment
 background position
CSS background-color
Properti background-color menentukan warna
latar belakang suatu elemen.

Contoh :
body {
background-color: lightblue;
}
CSS background-image
Properti background-image menetapkan gambar
yang akan digunakan sebagai latar belakang suatu
elemen.
Secara default, gambar diulang sehingga
mencakup seluruh elemen.
Contoh :

body {
background-image: url("paper.gif");
}
CSS background-repeat

Secara default, properti background-image

mengulangi gambar baik secara horizontal dan
vertikal.

Jika gambar di atas hanya diulang secara

horizontal (background-repeat: repeat-x;), dan
vertical (background-repeat: repeat-y;)
CSS background-repeat

Secara default, properti background-image

mengulangi gambar baik secara horizontal dan
vertikal.

Jika gambar di atas hanya diulang secara

horizontal (background-repeat: repeat-x;), dan
vertical (background-repeat: repeat-y;)
CSS background-repeat:
no-repeat
Menampilkan background-image hanya satu
kali juga ditentukan oleh properti pengulangan
latar:

body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
}
CSS background-position
Properti background-positionbelakang digunakan
untuk menentukan posisi background-image.

Contoh :
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
}
CSS background-attachment
Properti background-attachment menentukan apakah
background-image harus scroll atau fixed (tidak akan
menggulir dengan sisa halaman)

Contoh :
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
}