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

Syariat Islam: Jalan Menuju Kesempurnaan Hidup

10 Saham dengan Kapitalisasi Pasar Terbesar di Dunia

Hadits Cinta Allah Lebih Dalam

Bisakah kamu merekomendasikan buku yang menggunakan gambar dan skenario untuk mengajarkan keterampilan manajemen emosi kepada anak-anak dengan ASD?

Adakah cara untuk mencadangkan data aplikasi secara manual jika aplikasi tidak mencadangkan data secara otomatis?

Tafsir ayat taubat nasuha