خصائص عرض الحدود العمودية السفلية الخاصة بـ CSS
- الصفحة السابقة border-block-end-style
- الصفحة التالية border-block-start
التعريف والاستخدام
يحدد اتجاه الكتلة. هذا يؤثر على بداية و نهاية الكتلة وكذلك
خصائص تعيين عرض الحدود في نهاية اتجاه الكتلة للعنصر.
الخاصية تعتمد على اتجاه الكتلة.لجعل يحدد اتجاه الكتلة. هذا يؤثر على بداية و نهاية الكتلة وكذلك
للمجرد أن يتم تطبيق الخاصية، يجب تعيين border-block-end-style
CSS
خصائص يحدد اتجاه الكتلة. هذا يؤثر على بداية و نهاية الكتلة وكذلك
مع خصائص
border-left-widthborder-bottom-width
border-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
- الصفحة السابقة border-block-end-style
- الصفحة التالية border-block-start