القائمة الرئيسية

الصفحات

خاصية margin فى لغة سى اس اس CSS

 خاصية CSS margin 

خاصية CSS margin هى خاصية تحدد  منطقة الهامش على كل من الجوانب الأربعة للعنصر. 

خاصية CSS margin

والهامش يضم
  1.  (margin-top  الهامش العلوي)  
  2.  (margin-right الهامش الايمن)  
  3.  (margin-bottom  الهامش السفلي) 
  4. ( margin-left الهامش الايسر).
 
تعرف مساحة الصفحة بما فى داخلها من محتوي بأنها هى الأبعاد الطول والعرض.

يمكنك إستخدام خصائص margin و margin-top و margin-bottom و margin-left و margin-right ضمن قاعدة page لتعيين الهوامش لصفحتك.

الفرق بين خاصية padding و margin

يعد الفرق بين الخاصيتان padding و margin في الأساس هو الفرق بين المساحة داخل المحتوي (padding) والإطار الخارجي (margin) ، فأن الهامش(margin) هو المساحة حول العنصر أما الحشو(padding) يشير إلى المسافة بين العنصر والمحتوى الموجود بداخله.

عند إنشاء المساحه يمكننا جعل النص خارج مكانه المخصص له بسبب خاصية الهامش margin.

و يتم وضع الحشو(padding) داخل حدود العنصر .

قيم خاصية الهامش:

الطول: length
حجم الهامش كقيمة ثابتة.
يمكن أن يكون (px (pixles) ,rem (font size of the root element ,
(in (inch وغيرهم .
النسبة: ratio
نسبة مئوية من النص .
تلقائي:auto
القيمة الأفتراضية: وهي جعل الهوامش في الوضع الطبيعي 0px من كل الجهات .
وهناك بعض الأمثلة علي تلك الخواص :

خاصية CSS margin

في هذا المثال نقوم بتجربة الهامش بقيمة auto الأفتراضية ومره أخري بقيمة rem وهي لها ميزة إضافة أرقام موجبة أو سالبة أو القيمة الصفرية لأبعاد الهامش .

خاصية CSS margin

خاصية CSS margin
في المثال التالي سنقوم بعمل الخاصية أبعاد الهوامش ( top- bottom - left-right)
خاصية CSS margin

خاصية CSS margin

خاصية CSS margin

reaction:

تعليقات