Setiap deklarasi CSS berisi properti dan nilai. Section ini membedah dunia nilai dan satuan: dari warna dan panjang, satuan absolut versus relatif, hingga functions seperti calc() dan custom properties yang menjadi fondasi sistem desain modern.

# Colors

Kenali berbagai notasi nilai warna CSS, dari named colors dan hex hingga rgb(), hsl(), dan oklch().

Buka → # Lengths

Pelajari cara menuliskan nilai panjang di CSS beserta konversi antara px, em, dan rem.

Buka → # Absolute dan Relative Units

Bandingkan kelompok satuan absolut (px, pt, cm, in) dengan satuan relatif (em, rem, ch, ex) dan ketahui kapan masing-masing tepat dipakai.

Buka → # Percentages

Pahami nilai persentase di CSS beserta rujukan perhitungannya: lebar, tinggi, padding, dan font-size.

Buka → # Viewport Units

Gunakan satuan viewport (vw, vh, vmin, vmax) serta varian dinamisnya (dvh, svh, lvh) untuk mengukur elemen relatif terhadap jendela browser.

Buka → # Container Query Units

Kenali satuan container query (cqw, cqi, cqh, cqb, cqmin, cqmax) yang mengukur elemen relatif terhadap query container terdekatnya.

Buka → # Functions

Kenali function bawaan CSS — dari rgb(), hsl(), dan url() hingga calc(), min(), max(), clamp(), dan var() — serta cara menggabungkannya.

Buka → # Custom Properties

Definisikan variabel CSS sendiri dengan custom properties, lengkap dengan nilai cadangan, pewarisan, dan perilaku saat nilai tidak valid.

Buka → # calc(), min(), max(), dan clamp()

Hitung nilai CSS secara langsung dengan calc(), dan kendalikan batas atas-bawahnya menggunakan min(), max(), serta clamp().

Buka → # Logical Properties

Gunakan logical properties seperti margin-inline-start, padding-block, dan inline-size untuk menata elemen berdasarkan alur teks, bukan sisi fisik.

Buka →