Tutorial CSS Position | Pelajari CSS untuk Pemula

Hari ini saya akan memulai seri pembelajaran CSS dari dasar hingga mahir.

Pada topik ini, saya akan menjelaskan semua properti positioning dalam CSS: static, relative, absolute, fixed, dan sticky.

Pelajari cara memposisikan elemen seperti seorang profesional!

Catatan cepat:

▪ position: static: Posisi default untuk elemen HTML, tidak memengaruhi apapun.

▪ position: relative: Mempertahankan posisi awalnya dan dapat dipindahkan dari sana.

▪ position: absolute: Secara default, diposisikan relatif terhadap elemen induk terdekat (biasanya tag <body>). Jika Anda mendefinisikan position: relative pada elemen induk, maka posisinya akan relatif terhadap elemen tersebut.

▪ position: fixed: Mengeluarkan elemen dari dokumen dan menempelkannya pada viewport.

▪ position: sticky: Berganti antara static dan fixed.

Jangan lupa tonton: "Apakah Anda Harus Menjadi Insinyur Perangkat Lunak?"