English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체 목록

CSS padding-bottom 속성 사용 방법 및 예제

属性 padding-bottom CSS 설정은 하단 채우기 공간 설정합니다. 하지만, 많은 경우에 줄임 CSS 속성paddingأكثر استخدامًا وأفضل.

جدول أدناه يوضح شرح الاستخدام لهذه الخاصية وتاريخ الإصدارات، بالإضافة إلى استخدام هذه الخاصية في سكربتات JavaScript.

القيمة الافتراضية:0
مناسب لـ:جميع العناصر، باستثناء<tbody>,<thead>,<tfoot>,<tr>,<colgroup>و<col>.她也适用于::first-letter.
الوراثة:لا
يمكنه الرسوم المتحركة:نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة.
الإصدار:CSS 1،2،3
جملة JavaScript:عنصر.style.paddingBottom="2cm"

جملة استخدام padding-bottom

جملة هذا الخصائص هي:

padding-bottom: length | percentage | initial | inherit

المثال أدناه يوضح كيفية استخدام خاصية padding-bottom.

  h1 {
   padding-bottom: 2em;
  }
  p {
   padding-bottom: 50px;
  }
اختبر لمعرفة‹/›

قيمة الخاصية

جدول أدناه يصف قيمة هذه الخاصية.

القيمةوصف
lengthقيم بالموحدات كpx،pt،cm،em وما إلى ذلك، لا يسمح باستخدام قيم سلبية.
percentageتحديد الملء بنسبة. يتم حساب النسبة مقارنة بالعرض الذي يحتوي على العنصر. لا يسمح باستخدام قيم نسبة سلبية.
initialاعتماد هذا الخصائص إلى قيمته الافتراضية.
inheritإذا تم تحديد، فإن العناصر ذات الصلة تأخذ قيمة الخاصية padding-bottom للعنصر الأم.

توافق المتصفحات

توافق المتصفحات للخصائص padding-bottom، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم هذه الخاصية؛ يدعم جميع المتصفحات الرئيسية هذه الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

قراءة المزيد

انظر إلى التعليمات التالية:ملء CSS,نموذج الصندوق CSS.

خصائص ذات صلة:padding,padding-top,padding-right,padding-left.