Like And Win VIP Hack
Click Like To WIN 30 Day VIP Hack

[ دورة CSS ] الصندوق النموذجي CSS – الدرس الرابع – الهوامش الخارجية Margin

Home // Blog // [ دورة CSS ] الصندوق النموذجي CSS – الدرس الرابع – الهوامش الخارجية Margin

Share Now And Win Free ViP HackShare on Facebook0Google+0Tweet about this on Twitter0
 

تحدد خاصية الهوامش الخارجية المسافة حول العنصر

تعمل الهوامش الخارجية على تحديد المسافة حول العنصر (خارج الحدود) . لاتحتوي الهوامش الخارجية على لون خلفية لأنها شفافة تماماً

يمكن تغيير هوامش اليسار واليمين والأعلى والأسفل الخارجية وفقاً
لخاصيات معينة كما يمكن اتسخدام اختصار او تقليص القيم لضبط الهوامش سوياً

القيم الممكنة

القيمة الوصف
auto يقوم المتصفح بحساب الهوامش
length يمكن تخصيص الهوامش من خلال وحدات القياس px و pt و cm الخ ولكن القيمة الافتراضية للهوامش هي 0px
% تخصص عرض الهوامش للعنصر من خلال النسبة المئوية %
inherit يجب ان تكون الهوامش موروثة من العناصر الرئيسية (أي تأخذ نفس خصائص العناصر الرئيسية)

يمكن استخدام قيم سلبية وذلك لتداخل العناصر

استخدام الهوامش بشكل مستقل

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

مثال

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

خاصية اختصار الهوامش الخارجية

من الممكن اختصار وجمع جميع قيم الهوامش الخارجية في خاصية واحدة هي margin

مثال

margin:100px 50px;

يمكن التحديد على خاصية الهوامش الخارجية من 1 الى 4 قيم مختلفة

  • margin:25px 50px 75px 100px
  1. الهوامش الخارجية العليا هي 25px
  2. الهوامش الخارجية اليمنى هي 50px
  3. الهوامش الخارجية السفلى هي 75px
  4. الهوامش الخارجية اليسرى هي 100px

  • margin:25px 50px 75px
  1. الهوامش الخارجية العليا هي 25px
  2. الهوامش الخارجية اليمنى و اليسرى هي 50px
  3. الهوامش الخارجية السفلى هي 75px
  • margin:25px 50px
  1. الهوامش الخارجية العليا و السفلى هي 25px
  2. الهوامش الخارجية اليمنى و اليسرى هي 50px
  • margin:25px
  1. جميع الهوامش الخارجية للاتجاهات الأربعة هي 25px
جميع خصائص الهوامش الخارجية margins

الخاصية الشرح
margin خاصية مختصرة قصيرة حيث يمكن تحديد جميع قيم الهوامش الخارحية في خاصية واحدة
margin-bottom ضبط الهوامش الخارجية السفلية للعنصر
margin-left ضبط الهوامش الخارجية اليسارية للعنصر
margin-right ضبط الهوامش الخارجية اليمينية للعنصر
margin-top ضبط الهوامش الخارجية العلوية للعنصر
Share Now And Win Free ViP HackShare on Facebook0Google+0Tweet about this on Twitter0

0 Comments ON " [ دورة CSS ] الصندوق النموذجي CSS – الدرس ال... "
leave a response

*

Copyright © All Rights Reserved 2014→2017 To Add-Fast.CoM