شرح صفوف ومحتوى الفقرة
تُستخدم خاصية position مع القيمة fixed لأضافة العنصر في layer طبقة جديدة ولكن عند تحريك scroll يظل العنصر ثابت في مكان معين داخل صفحة الويب.
معلومات حول خاصية position مع القيمة fixed:
- العنصر الذي تم تطبيق عليه خاصية position مع القيمة fixed هو relative بناء علي أقرب parent أب له (عنصر container الأب).
- العنصر الذي تم تطبيق عليه خاصية position مع القيمة fixed يظل دائماً في نفس المكان الذي تم وضعه فيه حتي مع scroll الصفحة لأعلي ولأسفل.
- لعمل هوامش خارج العنصر الذي تم تطبيق عليه خاصية position مع القيمة fixed يجب إستخدام خصائص [left-right-top-bottom] بدلاً من margin.
- العنصر الذي تم تطبيق عليه خاصية position مع القيمة fixed لا يترك فجوات في صفحة الويب في مكانه السابق داخل الطبقة السابقة.
CSS position fixed
خاصية position مع القيمة fixed في لغة CSS.
HTML
.position
{
position:fixed;
bottom: 0px;
right:0px;
padding: 10px;
width:15%;
background: #48dbfb;
border: 2px solid blue;
color:blue;
}