خصائص نمط الحدود-block-النهاية CSS

الصفحة السابقة لون الحافة السفلية
الصفحة التالية عرض عرض الحافة السفلية

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

border-block-end-style خصائص CSS تستخدم لتحديد نمط الحاجز عند نهاية الاتجاه السببي للعنصر.

CSS border-block-end-style خصائص border-bottom-style،border-left-style،border-right-style و border-top-style الخصائص متشابهة جدًا، لكن border-block-end-style الخاصية تعتمد على الاتجاه الكتلي.

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

مثال

مثال 1

تحديد النمط الحدودي للنهاية من الاتجاه الكتلي:

div {
  border-block-end-style: dotted;
}

جرب بنفسك

مثال 2: دمج خاصية writing-mode

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

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-width: 5px;
}

جرب بنفسك

جملة CSS

border-block-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

قيمة الخاصية

القيمة	الوصف
لا شيء	القيمة الافتراضية. تحديد عدم وجود حواف.
hidden	مثل "لا شيء"، ولكن في حل النزاعات حول الحواف في عناصر النص.
dotted	تحديد الحافة النقاط.
dashed	تحديد الحافة المتقطعة.
solid	تحديد الحافة السلسة.
double	تحديد الحافة المزدوجة.
groove	تحديد الحافة العمودية الثلاثية الأبعاد. الآثار تعتمد على قيمة border-color.
ridge	تحديد الحافة العمودية الثلاثية الأبعاد. الآثار تعتمد على قيمة border-color.
inset	تحديد الحافة الداخلية الثلاثية الأبعاد. الآثار تعتمد على قيمة border-color.
outset	تحديد الحافة الخارجية الثلاثية الأبعاد. الآثار تعتمد على قيمة border-color.
القيمة الافتراضية	أعد هذه الخاصية إلى قيمتها الافتراضية. انظر القيمة الافتراضية.
وراثة	توريث هذه الخاصية من عنصر الأب. انظر وراثة.

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

القيمة الافتراضية:	لا شيء
الوراثة:	لا
إنتاج الرسوم المتحركة:	رقم. اقرأ عن animatable
الإصدار:	CSS3
جافا سكربت الجملة:	object.style.borderBlockEndStyle="dotted"