Property ini berguna untuk mengatur tampilan background atau halaman belakang suatu web serta pengaturan suatu background yang lainnya misalnya background dari suatu font. Background terutama digunakan untuk memberikan dekorasi visual terhadap sebuah elemen, yang akan mengakitabatkan peningkatan kemudahan nalar atau pengertian akan sebuah konten. Background memiliki pengaruh yang sangat besar terhadap keseluruhan desain dari suatu website.
Untuk lebih jelasnya, mari kita langsung pelajari property2 dari "Background" :
Property | Keterangan |
background |
Property ini untuk mengatur background secara luas
Selektor{ background:bottom} Untuk value lain bisa : url, none, center, left, right, top, no-reapet, reapet, reapet-x, reapet-y, fixed, scroll. Untuk contoh penggunaaan value url : Selektor(background:url(url) fixed no-reapet top left} |
background-color |
Property ini untuk mengatur warna dari background
Selektor {background-color:#000033} Value lain anda bisa gunakan pewarnaan hexadecimal. |
background-image |
Property ini untuk mengatur background gambar dari suatu table , halaman
atau elemen yang lain
Selektor(background:url(url)} atau value none untuk tidak menampilkan gambar. |
background-attachment |
Property ini untuk mengatur suatu gambar apakah jika mouse di scroll
gambar ikut scroll atau tetap Selektor{ background-attachment:scroll} Value lain : fixed |
background-repeat |
Property ini untuk membuat perintah pada image yang ada pada
background untuk perulangan karena disebabkan gambar yang ukuran kecil.
Selektor{ background-repeat:repeat} Value lain: no repeat, reapet-x, reapeat-y |
background-position |
Property ini untuk mengatur posisi dari gambar background pada halaman.
Selektor{ background-position:top} Value lain : left, right, bottom, center |
Tags:
CSS