3.1 KiB
title | localeTitle |
---|---|
Padding | حشوة |
حشوة
تحدد الخاصية padding
CSS مساحة الحشو على الجوانب الأربعة للعنصر. يمكن استخدام هذه الخاصية لإنشاء مساحة حول المحتوى (داخل الحدود). إنه اختصار لضبط كافة paddings الفردية في وقت واحد: padding-top
، padding-right
، padding-bottom
، و padding-left
. يتم تعريف القيم في اتجاه عقارب الساعة.
يتم تعيين قيم الحشو باستخدام الأطوال أو النسب المئوية أو inherit
الكلمة الرئيسية ، ولا يمكن قبول القيم السالبة. القيمة الأولية ، أو الافتراضية ، لجميع خصائص الحشو هي 0. بينما يمكنك استخدام inherit
الكلمة الأساسية ولكن لا يمكن استخدامها مع قيمة الطول.
بناء الجملة
.element { padding: [padding-top] || [padding-right] || [padding-bottom] || [padding-left]; }
يمكن تحديد هذه الخاصية باستخدام قيم واحدة أو اثنتين أو ثلاثة أو أربعة.
- عند تحديد قيمة واحدة ، يتم تطبيق نفس المساحة على كافة الجوانب الأربعة.
- عند تحديد قيمتين ، تنطبق الحشو الأولى على الأعلى والأسفل ، والثانية إلى اليسار واليمين.
- عند تحديد ثلاث قيم ، تسري الحشو الأولى على الأعلى ، والثانية على اليسار واليمين ، والثالثة إلى الأسفل.
- عند تحديد أربع قيم ، يتم تطبيق paddings على الأعلى ، اليمين ، الأسفل ، واليسار في ذلك الترتيب (في اتجاه عقارب الساعة).
`/* em refers to the current font size of an element / / Apply to all four sides */ padding: 1em;
/* top and bottom | left and right */ padding: 5% 10%;
/* top | left and right | bottom */ padding: 1em 2em 2em;
/* top | right | bottom | left */ padding: 5px 1em 0 1em; `
أين في نموذج مربع
تحدد خاصية المساحة المحفوظة في CSS الجزء الأعمق من نموذج الصندوق ، مما يؤدي إلى إنشاء مساحة حول محتوى العنصر ، داخل أي هامش و / أو حدود محددة.
دعم المتصفح
مدعوم بشكل فعال في جميع المتصفحات (منذ IE6 + وفايرفوكس 2+ و Chrome 1+ وغيرها)