خصائص 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" |
دعم المتصفح
الرقم في الجدول يعني إصدار المتصفح الذي يدعم الخاصية بشكل كامل.
كروم | إدج | فايرفوكس | سفاري | أوبرا |
---|---|---|---|---|
87.0 | 87.0 | 41.0 | 12.1 | 73.0 |
الصفحات ذات الصلة
المرجع:خصائص CSS padding-block
المرجع:خصائص CSS padding-block-end
المرجع:خصائص CSS padding-inline
المرجع:خصائص CSS padding-bottom
المرجع:خصائص CSS padding-left
المرجع:خصائص CSS padding-right
المرجع:خصائص CSS padding-top
المرجع:خصائص writing-mode CSS
- الصفحة السابقة padding-block-end
- الصفحة التالية padding-bottom