خاصية CSS margin
خاصية CSS margin هى خاصية تحدد منطقة الهامش على كل من الجوانب الأربعة للعنصر.
- (margin-top الهامش العلوي)
- (margin-right الهامش الايمن)
- (margin-bottom الهامش السفلي)
- ( margin-left الهامش الايسر).
تعرف مساحة الصفحة بما فى داخلها من محتوي بأنها هى الأبعاد الطول والعرض.
يمكنك إستخدام خصائص margin و margin-top و margin-bottom و margin-left و margin-right ضمن قاعدة page لتعيين الهوامش لصفحتك.
الفرق بين خاصية padding و margin
يعد الفرق بين الخاصيتان padding و margin في الأساس هو الفرق بين المساحة داخل المحتوي (padding) والإطار الخارجي (margin) ، فأن الهامش(margin) هو المساحة حول العنصر أما الحشو(padding) يشير إلى المسافة بين العنصر والمحتوى الموجود بداخله.
عند إنشاء المساحه يمكننا جعل النص خارج مكانه المخصص له بسبب خاصية الهامش margin.
و يتم وضع الحشو(padding) داخل حدود العنصر .
قيم خاصية الهامش:
الطول: lengthحجم الهامش كقيمة ثابتة.
في هذا المثال نقوم بتجربة الهامش بقيمة auto الأفتراضية ومره أخري بقيمة rem وهي لها ميزة إضافة أرقام موجبة أو سالبة أو القيمة الصفرية لأبعاد الهامش .
يمكن أن يكون (px (pixles) ,rem (font size of the root element ,
(in (inch وغيرهم .
النسبة: ratio
نسبة مئوية من النص .
تلقائي:auto
القيمة الأفتراضية: وهي جعل الهوامش في الوضع الطبيعي 0px من كل الجهات .
وهناك بعض الأمثلة علي تلك الخواص :
في المثال التالي سنقوم بعمل الخاصية أبعاد الهوامش ( top- bottom - left-right)
تعليقات
إرسال تعليق