خصائص نمط الحدود العمودية العلوية CSS

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

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

border-block-start-style يستخدم الخاصية لتحديد نمط الحدود للعنصر عند بداية الاتجاه السباق.

CSS border-block-start-style الخصائص وخصائص CSS border-bottom-styleوborder-left-styleوborder-right-style و border-top-style مماثلة جدًا، ولكن border-block-start-style يعتمد الخاصية على الاتجاه الزاحف.

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

مثال

مثال 1

تحديد نمط الحواف عند بداية الاتجاه الزاحف:

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

تجربة شخصية

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

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

div {
  writing-mode: vertical-rl;
  border-block-start-style: dotted;
}

تجربة شخصية

syntax CSS

border-block-start-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.
القيمة الافتراضية	ضع هذا الخاصية في قيمتها الافتراضية. انظر القيمة الافتراضية.
وراثة	من عنصر الأب يورث هذا الخاصية. انظر وراثة.

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

القيمة الافتراضية:	لا شيء
الوراثة:	لا
صنع المتحرك:	غير مدعوم. انظر:خصائص المتحرك.
الإصدار:	CSS3
جافا سكربت syntax:	object.style.borderBlockStartStyle="dotted"