خصائص CSS padding-block-start

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

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

للعنصر padding-block-start يعني المسافة من الحافة إلى المحتوى في بداية الاتجاه الكتلي.

CSS padding-block و padding-inline خصائصها تتطابق مع خصائص CSS padding-top،padding-bottom،padding-left و padding-right مثلها تمامًا، لكن padding-block و padding-inline يعتمد الخاصية على الاتجاه الكتلي والاتجاه الداخلي.

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

مثال

مثال 1

ضبط الهوامش الداخلية في بداية الاتجاه الكتلي:

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

جرب بنفسك

مثال 2

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

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

جرب بنفسك

جملة CSS

padding-block-start: auto|value|القيمة الافتراضية|التوريث;

قيمة الخاصية

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

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

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