Hausa lafiyanci a cikin CSS padding

تعريف والاستخدام

تُستخدم الخاصية المختصرة padding لضبط جميع خصائص الهوامش في بيان واحد.

شرح

تُستخدم هذه الخاصية المختصرة لضبط عرض جميع الهوامش للعنصر، أو ضبط عرض الهوامش على الجوانب المختلفة. لا تؤثر الهوامش المضبوطة على العناصر غير المتبدلة الساقطة على حساب الارتفاع، لذا قد تتمدد إلى الصفوف الأخرى، وقد تتداخل مع المحتويات الأخرى. سينتشر خلفية العنصر عبر الهوامش. لا يُسمح بتحديد قيم هوامش سلبية.

ملاحظة:لا يُسمح باستخدام القيم السلبية.

مثال 1

padding:10px 5px 15px 20px;
  • الهوامش العليا هي 10px
  • الهوامش اليمنى هي 5px
  • الهوامش السفلية هي 15px
  • الهوامش اليسرى هي 20px

مثال 2

padding:10px 5px 15px;
  • الهوامش العليا هي 10px
  • الهوامش اليمنى واليسرى هي 5px
  • الهوامش السفلية هي 15px

مثال 3

padding:10px 5px;
  • الهوامش العليا والسفلية هي 10px
  • الهوامش اليمنى واليسرى هي 5px

مثال 4

padding:10px;
  • جميع 4 هوامش هي 10px

انظر أيضًا:

دليل CSS:CSS इनर-स्पेसिंग

دليل HTML DOM:خصائص الهوامش

مثال

تعيين 4 هوامش عنصر p:

p
  {
  padding:2cm 4cm 3cm 4cm;
  }

تجربة شخصية

قواعد اللغة CSS

padding: length|initial|inherit;

قيمة الخاصية

القيمة الوصف
auto حساب المتصفح للهوامش.
length يحدد قيمة الهوامش باستخدام وحدة محددة، مثل البكسل أو السنتيمتر، وما إلى ذلك. القيمة الافتراضية هي 0px.
% يحدد الهوامش بناءً على نسبة عرض العنصر الأب.
تنسيق وراثي يحدد أن يجب أن يتم توريث الهوامش من العنصر الأب.

تفاصيل التقنية

القيمة الافتراضية: 0
تنسيق الوراثة: لا
الإصدار: CSS1
قواعد اللغة الجافا سكربت: object.style.padding="10px 5px"

TIY مثال

جميع خصائص الهوامش في بيان واحد
هذا المثال يوضح استخدام الخاصية المختصرة لضبط جميع خصائص الهوامش في بيان واحد، يمكن أن يكون هناك ما بين واحد وأربعة قيم.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

च्रोम IE / एज फ़ाइरफॉक्स सफ़ारी ओपेरा
1.0 4.0 1.0 1.0 3.5