CSS TutorialLesson 23Preview gratis
CSS Position
Lesson ini bagian dari CSS · Semua level
Ringkasan
Properti position menentukan cara sebuah elemen ditempatkan di halaman: static, relative, absolute, fixed, atau sticky. Nilai selain static membuka kemungkinan menggeser elemen dengan offset dan mengontrol urutan timbunan lewat z-index. Memahami perbedaan acuan setiap nilai position adalah kunci tata letak CSS yang tepat.
Poin kunci
- static adalah posisi bawaan; elemen mengikuti alur dokumen biasa.
- relative menggeser elemen dari posisi aslinya tanpa mengubah tata letak elemen lain.
- absolute menempatkan elemen relatif terhadap induk terdekat yang posisinya bukan static.
- fixed menempel terhadap viewport sehingga tidak ikut menggulir halaman.
- sticky berperilaku static sampai titik tertentu, lalu menempel seperti fixed.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.