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 يحدد أن يجب أن يتم استيراد نمط الحد من العنصر الأم.

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

القيمة الافتراضية: not specified
التنسيخ: no
الإصدار: CSS1
قواعد JavaScript: object.style.borderTopStyle="dotted"

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

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

دعم المتصفح

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

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