CSS TutorialLesson 25Preview gratis
CSS Z-index
Lesson ini bagian dari CSS · Semua level
Ringkasan
z-index menentukan urutan timbunan (stacking order) elemen yang saling tumpang tindih. Nilainya berupa bilangan bulat tanpa satuan; semakin besar nilainya, semakin di atas elemen tersebut tampil. z-index hanya bekerja pada elemen yang posisinya relative, absolute, fixed, atau sticky.
Poin kunci
- z-index mengatur urutan lapisan elemen yang bertumpuk; nilai lebih besar berarti di atas.
- Nilainya bilangan bulat tanpa satuan dan boleh negatif.
- z-index hanya berlaku pada elemen dengan position selain static.
- Saat dua elemen punya z-index yang sama, urutan di HTML menentukan siapa yang di atas.
- Elemen dengan lapisan lebih tinggi menutupi elemen di bawahnya pada area yang bertumpuk.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.