جدول الدروس

كتيب مراجعة CSS

ميزات CSS

zoom

الدورة الإلزامية

مجلة CodeW3C.com

خصائص CSS padding-block-end

الصفحة السابقة padding-block
الصفحة التالية padding-block-start

اقتراح الدورة

التعريف والاستخدام العنصر padding-block-end

هي المسافة من حافة العنصر إلى نهاية المحتوى في الاتجاه البloc. padding-block و padding-inline CSS خصائص تشبه خصائص CSSpadding-bottompadding-toppadding-bottom، و padding-left padding-right padding-block و padding-inline الخصائص تعتمد على الاتجاه البloc والاتجاه الخطي.

ملاحظة:خصائص CSS ذات الصلة writing-mode يحدد الاتجاه البloc. هذا يؤثر على موقع البداية والنهاية للصف و padding-block نتيجة الخصائص. للصفحات باللغة الإنجليزية، الاتجاه البloc هو نزولي، الاتجاه الخطي من اليسار إلى اليمين.

المثال

المثال 1

ضبط الهوامش في نهاية الاتجاه البloc

p {
  padding-block-end: 35px;
}

جرب بنفسك

المثال 2

ضع <div> العنصر writing-mode عندما يتم تعيين القيمة vertical-rl للخصائص، فإن اتجاه الصف هو من اليمين إلى اليسار. النتيجة هي أن موقع النهاية للعنصر يتحرك من الأسفل إلى اليسار:

div {
  writing-mode: vertical-rl;
  padding-block-end: 50px;
}

جرب بنفسك

جملة CSS

padding-block-end: auto|value|initial|inherit;

قيمة الخصائص

القيمة	الوصف
auto	افتراضي. القيمة الافتراضية لpadding-block-end للعنصر.
length	تحدد padding-block-end بالوحدات px،pt،cm،إلخ. لا يسمح بالقيم السلبية. يرجى الرجوع إلى:وحدات CSS.
%	تحدد padding-block-end بنسبة إلى حجم العنصر في الاتجاه الخطي.
initial	ضع هذا الخصائص على قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit	يرجى الرجوع إلى كيفية وراثة هذا الخصائص من عنصر الأب. يرجى الرجوع إلى inherit.

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

القيمة الافتراضية:	auto
الوراثة:	لا
صنع الرسوم المتحركة:	يدعم. يرجى الرجوع إلى:خصائص الرسوم المتحركة.
الإصدار:	CSS3
جافا سكربت الجملة:	object.style.paddingBlockEnd="100px"