8 تغريدة 31 قراءة Feb 08, 2020
Margin
وش فكرة المارجن؟ : يا طويل العمر خلك معي شوي
ركز بكلامي، معنى المارجن باللغة العربية وهو " هامش " لكن ناديها مارجن، وابيك تعتبرها مثل المسافه الخارجية (إنتبه: المسافة "الخارجية") لـ اربع جهات،
⬇️ خلني أعطيك مثال ⬇️
مثل ماتشوفون بالصورة فيه اربع إتجاهات والمارجن هي تتحكم بكل ذي الإتجاهات "الخارجية" (لازم تركز إن مارجن تتحكم بالإتجاهات الخارجية، أو خارج الصندوق أو خارج الelement)
مثلا إنك تبي 100 بكسل من فوق
الصندوق راح يجيه من فوق 100 بكسل ومن هالكلام ⬇️
margin-top: 100px;
Margin - Shorthand Property
- ويمديك تختصر الكود بدل مايكون
margin-top,margin-left,etc..
يكون
margin: 12px 0px 12px 23px;
أوك شكلك شفت الكود وحكيت راسك تقول وش ذا؟؟!⬇️
طيب ياحبيبي خلك معي، عندي لك كلمة سر حلوة وطريقة جديدة وجميلة
الإتجاهات مرتبة بهالطريقة
margin: <top> <right> <bottom> <left>
يا إنك تحفظها أو تستخدم كلمة السر،
بتقول لي وش كلمة السر؟ طيب شف الصورة فهمت كلمة السر؟ سهلة صح؟ بكل بساطة فوق يمين تحت يسار
⬇️
سؤال: سوي مارجن لإتجاهين من الديف , والي هم فوق
ويسار بـ 25 بكسل (بالإختصار)
div{
margin: 25px 0px 0px 25px;
}
( أوك شكلك لاحظت إننا حطينا 0 ، يب 0 إننا خلينا الإتجاهين والي هم اليمين وتحت لأنهم غير مطلوبين عطيناهم قيمة 0 وهي تعني لا قيمة أو ولا بكسل )
جدير بالذكر⬇️
جدير بالذكر:
إذا كان ودك تغير top , right لـ 25 بكسل
و bottom,left لنفس القيمة نقول 45 بكسل
لازم تعرف اول اثنين واخر اثنين يعتبرون مع بعض في بعض الاحيان
يعني بدل ما تكتب
margin: 25px 25px 45px 45px
يمديك
margin: 25px 45px;
تعني:
top+right,bottom+left
وإن شاء الله عجبكم الثريد وأي اسألة أنا جاهز ، واذا ودك تتعمق بالموضوع اكثر
هنا الكنز! : w3schools.com
شكراً للقراءة!
@PrograminLovers @sultan_7raag أول ثريد لي أتمنى يعجبكم :)
#web #programming, #html, #css, #padding #ويب

جاري تحميل الاقتراحات...