السلام عليكم ورحمة الله وبركاتة 
سنتكلم فى هذة التدوينة إخوانى الكرام عن خاصية الـ position وهى تعتبر من اهم الخواص فى لغة الـ css لذلك مدونة هادى ستور ستقدم لك شرح بسيط عن هذة الخاصية يوضح لك اهميتها وطريقة إستخدامها وما هى خصائصها والقيم المختلفة المرتبطة بها أيضا من خلال هذة الخاصية تستطيع فعل أشياء عده والآم مع قيم هذة الخاصية.
أولاً Static / هذة القيمة تعنى أن العنصر سيكون ثابت مكانة لا يتحرك حتى بإستخدام الخواص التالية : right - left - top - bottom .

ثانياً Relative / وهذة القيمة تعنى بأن العنصر يتغير بالنسبة لموقعه دون إستخدام خاصية position يتغير بالنسبة للعناصر الاخرى حولة .

ثالثاً Absolute / وتعنى ان العنصر يتغير فقط بالنسبة لقياس الصفحة مع التصغير والتكبير ويتأثر أيضاَ إذا كان هناك عنصر آخر يحمل قيمة Relative 

رابعاً Fixed / وهذة القيمة تعنى أن العنصر ثابت لا يتحرك من مكانة فى حالة تغيير قياس الصفحة حتى ولو بوجود عناصر اخرى تحمل أى قيمة من القيم التى ذكرناها 

إنتهينا من قيم الخاصية مع شرح كل قيمة والآن بعض الأمثلة لكل قيمة


أتمنى أن أكون أفدتكم بشرحى فى رعاية الله