Apa saja properti yang bisa digunakan dalam properti `background` dalam CSS?

Properti  background  dalam CSS adalah properti singkat yang memungkinkan Anda menentukan beberapa properti latar belakang sekaligus. Berikut adalah properti yang bisa digunakan dalam  background :
 
1.  background-color : Menentukan warna latar belakang elemen.
2.  background-image : Menentukan satu atau lebih gambar latar belakang.
3.  background-repeat : Menentukan bagaimana gambar latar belakang harus diulang. Nilai yang bisa digunakan antara lain  repeat ,  repeat-x ,  repeat-y , dan  no-repeat .
4.  background-attachment : Menentukan apakah gambar latar belakang akan diposisikan relatif terhadap elemen itu sendiri atau viewport. Nilai yang bisa digunakan antara lain  scroll ,  fixed , dan  local .
5.  background-position : Menentukan posisi awal gambar latar belakang. Anda bisa menggunakan kata kunci (misalnya,  top ,  bottom ,  left ,  right ,  center ), persentase, atau nilai panjang (misalnya, piksel, em, rem).
6.  background-size : Menentukan ukuran gambar latar belakang. Anda bisa menggunakan kata kunci seperti  auto  (ukuran asli gambar),  cover  (menyesuaikan gambar untuk menutupi elemen sepenuhnya),  contain  (menyesuaikan gambar agar seluruhnya masuk dalam elemen), atau nilai panjang/persentase spesifik.
 
Anda bisa menentukan semua properti ini dalam satu baris kode dengan menggunakan properti  background . Contohnya:
 
 
body {
  background: #ffffff url("image.jpg") no-repeat fixed center / cover;
}
 
 
Dalam contoh ini,  #ffffff  adalah  background-color ,  url("image.jpg")  adalah  background-image ,  no-repeat  adalah  background-repeat ,  fixed  adalah  background-attachment ,  center  adalah  background-position , dan  cover  adalah  background-size .

Postingan populer dari blog ini

**Kalung & Gelang dalam Perspektif Islam**

**Assalamu’alaikum warahmatullahi wabarakatuh**   **Kalung & Gelang dalam Perspektif Islam**   --- ### 1. Pendahuluan   Perhiasan seperti kalung dan gelang memang sudah menjadi bagian dari kebudayaan manusia sejak zaman dahulu.  Namun sebagai seorang Muslim, kita senantiasa diminta untuk menilai setiap amalan—termasuk penggunaan perhiasan—berdasarkan petunjuk Al‑Qur’an dan Sunnah.  Artikel ini akan membahas hukum memakai kalung dan gelang, menekankan kehalalan, adab, serta niat yang seharusnya menyertai setiap tindakan kita. --- ### 2. Dalil-dalil Utama   1. **Larangan memakai perhiasan yang menyerupai wanita**      > *“Sesungguhnya Allah melaknat orang-orang yang meniru perempuan dan perempuan yang meniru laki‑laki.”*      (HR. Abu Dawud, An‑Nasā’ī, Ibn Majah).      Dari hadits ini, jelas bahwa memakai perhiasan yang secara khusus diperuntukkan bagi wanita—seperti kalung...
Baca selengkapnya

Doa yang biasa dibaca ketika masuk kamar mandi

Berikut adalah doa yang biasa dibaca ketika masuk kamar mandi: "Allahumma inni a'udzu bika minal khubuthi wal khaba'ith" Artinya: "Ya Allah, aku berlindung kepada-Mu dari kejahatan dan keburukan" Doa ini dibaca untuk memohon perlindungan kepada Allah SWT dari segala bentuk kejahatan dan keburukan yang mungkin terjadi di dalam kamar mandi.
Baca selengkapnya

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

Berikut artikel ke-87 (sekitar 10.000 kata ) dengan niche: Teknologi & Gadget , judul SEO-friendly: Masa Depan Teknologi: Inovasi Terbaru yang Mengubah Dunia di 2025 dan Seterusnya Pendahuluan Dunia teknologi terus bergerak dengan kecepatan luar biasa. Inovasi yang dahulu hanya imajinasi kini menjadi kenyataan. Dari kecerdasan buatan hingga realitas virtual, dari kendaraan otonom hingga kota pintar—semua menjadi bagian tak terpisahkan dari kehidupan modern. Artikel ini menyajikan pandangan menyeluruh tentang tren dan inovasi teknologi terbaru yang membentuk masa depan, lengkap dengan dampaknya terhadap kehidupan sehari-hari, bisnis, dan masyarakat global. BAB 1: Kecerdasan Buatan dan Pembelajaran Mesin 1.1 Apa Itu AI dan Machine Learning? Definisi dan konsep dasar Perbedaan AI, ML, dan Deep Learning 1.2 Aplikasi AI di Kehidupan Sehari-hari Asisten virtual (Alexa, Siri, Google Assistant) AI dalam media sosial dan e-commerce Deteksi penipuan perbankan 1.3 Masa Depa...
Baca selengkapnya