Apa itu properti `background` dalam CSS?
Properti background dalam CSS adalah properti singkat yang memungkinkan Anda menentukan beberapa properti latar belakang sekaligus dalam satu baris kode. Properti ini dapat mencakup background-color , background-image , background-repeat , background-attachment , background-position , dan background-size .
Berikut adalah contoh penggunaannya:
body {
background: #ffffff url("image.jpg") no-repeat fixed center;
}
Dalam contoh ini, #ffffff adalah background-color , url("image.jpg") adalah background-image , no-repeat adalah background-repeat , fixed adalah background-attachment , dan center adalah background-position .
- background-color menentukan warna latar belakang.
- background-image menentukan gambar yang akan digunakan sebagai latar belakang.
- background-repeat menentukan apakah gambar latar belakang harus diulang atau tidak.
- background-attachment menentukan apakah posisi latar belakang (gambar) relatif terhadap viewport atau elemen itu sendiri.
- background-position menentukan posisi gambar latar belakang.
- background-size (tidak ditunjukkan dalam contoh di atas) menentukan ukuran gambar latar belakang.
Anda bisa menggunakan sebanyak atau sesedikit properti yang Anda inginkan, dan CSS akan menggunakan nilai default untuk properti yang tidak Anda tentukan.