معهد خبراء بلوجر - الشرح الكامل لخاصية position فى css

http://3.bp.blogspot.com/-YlmJ3AFhPH...hady-store.jpg

السلام عليكم ورحمة الله وبركاتة

سنتكلم فى هذة التدوينة إخوانى الكرام عن خاصية الـ position وهى تعتبر من اهم الخواص فى لغة الـ css لذلك مدونة هادى ستور ستقدم لك شرح بسيط عن هذة الخاصية يوضح لك اهميتها وطريقة إستخدامها وما هى خصائصها والقيم المختلفة المرتبطة بها أيضا من خلال هذة الخاصية تستطيع فعل أشياء عده والآم مع قيم هذة الخاصية.

أولاً Static / هذة القيمة تعنى أن العنصر سيكون ثابت مكانة لا يتحرك حتى بإستخدام الخواص التالية : right - left - top - bottom .

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

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

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

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

المثال الأول

المثال الثانى

المثال الثالث

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

المصدر| مدونة هادى ستور |

http://hadystore.blogspot.com/2015/0...#ixzz3YTXBiC4c