Properti CSS Bakground (Latar Belakang) digunakan untuk menentukan efek latar belakan dari suatu elemen.
Properti yang digunakan dalam CSS Background antara lain :
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
Background-color
Properti Background-color menetapkan warna latar belakang dari suatu elemen.
Warna latar berlakang ini didefinisikan dalam pemilih body .
contoh : body {background-color : #b0c4de ;}
Dengan CSS, warna paling sering ditentukan adalah :
* nilai HEX – seperti “# FF0000″
* sebuah nilai RGB – seperti “rgb (255,0,0)”
* nama warna – seperti “merah”
Bakcground-image
Properti Background-image menentukan warna gambar untuk digunakan sebagai latar belakang suatu elemen.
Secara default, gambar diulang sehingga mencakup seluruh elemen.
Gambar latar belakang untuk halaman bisa di set seperti ini:
contoh : body {background-image:url(‘paper.gif’) ;}
Background-repeat
Properti Background-repeat ini digunakan untuk mengulangi gambar, baik secara vertikal atau horizontal .
Properti :
- repeat
- repeat-x (pengulangan horizontal)
- repeat-y (pengulangan vertikal)
- no-repeat (tanpa pengulangan)
body
{
background-image:url(‘gradient2.png’);
background-repeat:repeat-x;
}
Background-attachment
- scroll
- fixed
- inherit
Background-position
contoh :
body
{
background-image:url(‘img_tree.png’);
background-repeat:no-repeat;
background-position:right top;
}