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