خاصية الحشو CSS يستخدم لتحديد المسافة بين محتوى العنصر وحدود العنصر .
وهو يختلف عن هامش CSS في الطريقة التي يحدد بها هامش CSS المساحة حول العناصر. تتأثر حشوة CSS بألوان الخلفية. يقوم بمسح منطقة حول المحتوى.
يمكن تغيير الحشو العلوي والسفلي واليسار واليمين بشكل مستقل باستخدام خصائص منفصلة. يمكنك أيضًا تغيير جميع الخصائص مرة واحدة باستخدام خاصية الحشو المختصرة.
خصائص الحشو CSS
| ملكية | وصف |
|---|---|
| حشوة | يتم استخدامه لتعيين جميع خصائص الحشو في إعلان واحد. |
| الحشو لليسار | يتم استخدامه لتعيين الحشو الأيسر للعنصر. |
| الحشو الصحيح | يتم استخدامه لتعيين الحشو الصحيح للعنصر. |
| أعلى الحشو | يتم استخدامه لتعيين الحشو العلوي للعنصر. |
| أسفل الحشو | يتم استخدامه لتعيين الحشو السفلي للعنصر. |
قيم الحشو CSS
| قيمة | وصف |
|---|---|
| طول | يتم استخدامه لتحديد الحشو الثابت في pt و px و em وما إلى ذلك. |
| % | وهو يحدد الحشو بنسبة % للعنصر المحتوي. |
مثال الحشو CSS
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> اختبره الآن انتاج:
هذه فقرة بدون حشوة محددة.
هذه فقرة ذات حشوات محددة.