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