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.

Postingan populer dari blog ini

**Kalung & Gelang dalam Perspektif Islam**

Doa yang biasa dibaca ketika masuk kamar mandi

Masa Depan Teknologi: Inovasi Terbaru yang Mengubah Dunia di 2025 dan Seterusnya