خصائص عرض الحدود العمودية السفلية الخاصة بـ CSS

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

يحدد اتجاه الكتلة. هذا يؤثر على بداية و نهاية الكتلة وكذلك خصائص تعيين عرض الحدود في نهاية اتجاه الكتلة للعنصر.

الخاصية تعتمد على اتجاه الكتلة.لجعل يحدد اتجاه الكتلة. هذا يؤثر على بداية و نهاية الكتلة وكذلك للمجرد أن يتم تطبيق الخاصية، يجب تعيين border-block-end-style CSS

خصائص يحدد اتجاه الكتلة. هذا يؤثر على بداية و نهاية الكتلة وكذلك مع خصائصborder-left-widthborder-bottom-widthborder-left-width، border-right-width و border-top-width يحدد اتجاه الكتلة. هذا يؤثر على بداية و نهاية الكتلة وكذلك الخصائص متشابهة جدًا، لكن

الخاصية تعتمد على اتجاه الكتلة.ملاحظة: يؤثر موقف الحدود في نهاية اتجاه الكتلة على خصائص CSS ذات الصلة يحدد اتجاه الكتلة. هذا يؤثر على بداية و نهاية الكتلة وكذلك border-block-end-width

النتيجة الخاصة بالخاصية. للصفحات باللغة الإنجليزية، اتجاه السطر هو من اليسار إلى اليمين، واتجاه الكتلة هو نحو الأسفل.

مثال

مثال 1

تأثير الخاصية:
  div {
  تعيين سمك الحدود في نهاية اتجاه الكتلة:
border-block-end-width: 5px;

}

border-block-end-width: 10px;

مثال 2: دمج خاصية writing-mode يؤثر موقف الحدود في نهاية اتجاه الكتلة على writing-mode

تأثير الخاصية:
  div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
border-block-end-width: 5px;

}

تجربة شخصية

نحو CSSlengthborder-block-end-width: medium|thin|thick|

|initial|inherit;

قيمة الخاصية القيمة
medium الوصف
تحديد الحدود المتوسطة. القيمة الافتراضية. thin
تحديد الحدود الصغيرة. تحديد الحدود الكبيرة.
length يسمح لك بتحديد سمك الحدود. راجع:وحدات CSS.
initial ضع هذه الخاصية في قيمتها الافتراضية. راجع: initial.
inherit يرجى الرجوع إلى كيفية استيراد هذه الخاصية من العنصر الأم. inherit.

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

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

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الخاصية الأولى كليًا.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

الصفحات ذات الصلة

تعليمات:الجوانب في CSS

المرجع:}خصائص الحدود الخاصة بـ CSS

المرجع:}خصائص الحدود العمودية الخاصة بـ CSS

المرجع:}خصائص الحدود العمودية السفلية الخاصة بـ CSS

المرجع:}خصائص نمط الحدود العمودية السفلية الخاصة بـ CSS

المرجع:}خصائص عرض الحدود العمودية العلوية الخاصة بـ CSS

المرجع:}خصائص عرض الحد السفلية الخاصة بـ CSS

المرجع:}خصائص border-left-width CSS

المرجع:}خصائص border-right-width CSS

المرجع:}خصائص border-top-width CSS

المرجع:}خصائص writing-mode في CSS