𝗦𝗶𝗳𝗮 𝘇𝗮 𝗖𝗦𝗦 𝗣𝗼𝘀𝗶𝘁𝗶𝗼𝗻
Sifa ya position ya CSS huamua mahali kipengele kinapokaa kwenye ukurasa wako. Unatumia top, right, bottom, na left ili kuvihamisha.
Kuna aina tano kuu za upangaji (positioning).
Static
Hii ndiyo mpangilio wa asili (default). Vipengele hufuata mpangilio wa kawaida wa ukurasa. Kutumia sifa za top au left hakufanyi chochote hapa.
Relative
Hii huhamisha kipengele kulingana na mahali kilipo asili. Ukiongeza 20px kwenye top, kipengele hutoka chini. Vipengele vingine hubaki katika sehemu zake za asili na havijazi pengo lililoachwa.
Absolute
Hii huondoa kipengele kutoka kwenye mtiririko wa kawaida wa ukurasa. Hujipanga kulingana na ancestor wake wa karibu aliye na mpangilio (positioned).
Aina nyingine ni pamoja na Fixed na Sticky. Vipengele vya Fixed hubaki sehemu moja hata unaposhusha ukurasa (scroll). Vipengele vya Sticky hufanya kazi kama vipengele vya relative hadi vinapofikia nukta maalum, kisha hubaki vimeganda (fixed).
Jifunze zaidi kuhusu sifa hizi hapa.
Chanzo: https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8