📘 Daftar Properti CSS dan Fungsinya

🔹 1. Properti Warna & Latar Belakang

Properti	Fungsi
color	Mengatur warna teks.
background-color	Mengatur warna latar belakang elemen.
background-image	Menambahkan gambar sebagai latar belakang.
background-size	Mengatur ukuran gambar latar belakang.
opacity	Mengatur tingkat transparansi elemen.

---

🔹 2. Properti Ukuran & Dimensi

Properti	Fungsi
width	Mengatur lebar elemen.
height	Mengatur tinggi elemen.
max-width	Mengatur lebar maksimum elemen.
min-height	Mengatur tinggi minimum elemen.

---

🔹 3. Properti Teks

Properti	Fungsi
font-size	Mengatur ukuran huruf.
font-family	Mengatur jenis huruf.
font-weight	Mengatur ketebalan huruf.
text-align	Mengatur perataan teks (kiri, tengah, kanan).
line-height	Mengatur jarak antar baris teks.
text-decoration	Mengatur dekorasi teks (misalnya garis bawah).
letter-spacing	Mengatur jarak antar huruf.

---

🔹 4. Properti Posisi & Layout

Properti	Fungsi
position	Mengatur metode penempatan elemen (static, relative, absolute, fixed, sticky).
top, right, bottom, left	Mengatur jarak elemen dari sisi tertentu.
display	Menentukan bagaimana elemen ditampilkan (block, inline, flex, dll.).
z-index	Mengatur urutan tumpukan elemen (layer).
overflow	Mengatur perilaku konten yang meluap (hidden, scroll, dll.).

---

🔹 5. Properti Margin & Padding

Properti	Fungsi
margin	Mengatur jarak luar elemen (ruang antara elemen lain).
padding	Mengatur jarak dalam elemen (antara konten dan batas elemen).

---

🔹 6. Properti Border (Garis Pinggir)

Properti	Fungsi
border	Mengatur semua aspek garis pinggir (lebar, gaya, warna).
border-radius	Mengatur lengkungan sudut elemen.
border-width	Mengatur ketebalan garis pinggir.
border-style	Mengatur gaya garis pinggir (solid, dashed, dotted, dll.).
border-color	Mengatur warna garis pinggir.

---

🔹 7. Properti Flexbox (untuk layout responsif)

Properti	Fungsi
display: flex	Mengaktifkan layout flex pada elemen.
justify-content	Mengatur perataan horizontal item dalam flex container.
align-items	Mengatur perataan vertikal item dalam flex container.
flex-direction	Mengatur arah baris atau kolom flex.
flex-wrap	Mengatur apakah item dibungkus ke baris/kolom baru.