37 lines
1006 B
Markdown
37 lines
1006 B
Markdown
|
---
|
||
|
|
title: Adjust the Margin of an Element
|
||
|
|
localeTitle: ضبط هامش عنصر
|
||
|
|
---
|
||
|
|
## ضبط هامش عنصر
|
||
|
|
|
||
|
|
يعني تعديل `Margin` `Element` زيادة أو تقليل مقدار التباعد بين حدود العنصر والعناصر المحيطة.
|
||
|
|
|
||
|
|
• يتم ضبط الهوامش مع الأعداد الصحيحة الموجبة والسالبة بوحدات البكسل ( `px` ).
|
||
|
|
|
||
|
|
• يمكن إنشاء الهوامش من جميع الاتجاهات (أعلى ، أسفل ، يسار ، يمين).
|
||
|
|
|
||
|
|
هذا مثال على كيفية كتابته:
|
||
|
|
|
||
|
|
`margin: 20px;
|
||
|
|
`
|
||
|
|
|
||
|
|
يمكنك بسهولة تغيير أو تعديل `Margin` `Element` عن طريق تغيير القيمة العددية:
|
||
|
|
|
||
|
|
**قبل** :
|
||
|
|
|
||
|
|
الهامش: `20` بيكسل؛
|
||
|
|
|
||
|
|
**بعد** :
|
||
|
|
|
||
|
|
الهامش: `50` بيكسل؛
|
||
|
|
|
||
|
|
يمكنك أيضًا إنشاء `class` مخصص `margin` ستستخدمه بشكل متكرر.
|
||
|
|
|
||
|
|
` .style-margin {
|
||
|
|
margin: 20px;
|
||
|
|
}
|
||
|
|
`
|
||
|
|
|
||
|
|
`
|
||
|
|
<h2 class="style-margin">Example</h2>
|
||
|
|
`
|