خصائص border-top-style CSS

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

يحدد border-top-style نمط الحدود العلوية للعنصر.

يظهر الحد فقط عندما لا يكون هذا القيمة none.

في CSS1، يجب أن يدعم وكيل HTML المستخدم فقط solid و none.

شاهد أيضًا:

دليل CSSحافات CSS

دليل CSSخصائص border-top

دليل HTML DOMخصائص borderTopStyle

مثال

تعيين نمط الحدود العلوية:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

جرب بنفسك

نحو CSS

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

قيمة الخاصية

القيمة الوصف
none يحدد الحدود بدون خطوط.
hidden مثل "none"، باستثناء أن تطبق على الجداول، حيث يستخدم "hidden" لحل نزاعات الحدود.
dotted يحدد الخط النقطي. يُعرض في معظم المتصفحات كخط مستقيم.
dashed يحدد الخط المتقطع. يُعرض في معظم المتصفحات كخط مستقيم.
solid يحدد الخط المستقيم.
double يحدد الخطين المزدوجين. عرض الخطين يساوي قيمة border-width.
groove يحدد حدود 3D grooved. تأثيرها يعتمد على قيمة border-color.
ridge يحدد حدود 3D ridged. تأثيرها يعتمد على قيمة border-color.
inset يحدد حدود 3D inset. تأثيرها يعتمد على قيمة border-color.
outset يحدد حدود 3D outset. تأثيرها يعتمد على قيمة border-color.
inherit يحدد أنه يجب أن يتم ترجمة نمط الحدود من العنصر الأم.

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

القيمة الافتراضية: لم يتم تحديده
الوراثة: لا
الإصدار: CSS1
جافا سكريبت نحو: object.style.borderTopStyle="dotted"

مزيد من الأمثلة

تعيين نمط الحدود العلوية
هذا المثال يوضح كيفية تعيين نمط الحدود العلوية.

دعم المتصفح

الرقم في الجدول يوضح الإصدار الأولي من المتصفح الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2