29 lines
747 B
Markdown
29 lines
747 B
Markdown
|
---
|
||
|
title: Add Different Padding to Each Side of an Element
|
||
|
localeTitle: إضافة الحشو مختلفة لكل جانب من عنصر
|
||
|
---
|
||
|
## إضافة الحشو مختلفة لكل جانب من عنصر
|
||
|
|
||
|
لضبط حشو استخدام عنصر ما:
|
||
|
|
||
|
`.example {
|
||
|
padding: 10px;
|
||
|
}
|
||
|
`
|
||
|
|
||
|
لتحديد أحجام الحشو على عنصر من جانب كل جانب ، يمكننا استخدام "padding-top" ، و "padding-right" ، و "padding-bottom" ، و "padding-left". يمكننا استخدام أي من هذه في تركيبة وبأي ترتيب. فمثلا:
|
||
|
|
||
|
`.example {
|
||
|
padding-top: 5px;
|
||
|
padding-bottom: 0px;
|
||
|
}
|
||
|
`
|
||
|
|
||
|
أو:
|
||
|
|
||
|
`.example {
|
||
|
padding-top: 20px;
|
||
|
padding-left: 25px;
|
||
|
padding-right: 5px;
|
||
|
}
|
||
|
`
|