خصائص نمط الهيكل في CSS

定义和用法

属性 outline-style 用于设置元素的整个轮廓的样式。样式不能是 none，否则轮廓不会出现。

الخطوط العريضة هي خط يُرسم حول العنصر، ويكون في الخارج من حواف الهيكل، ويمكن أن يلعب دورًا في إبراز العنصر. تعين خاصية outline الخطوط العريضة حول العنصر.

ملاحظة:يجب دائمًا تخصيص خاصية outline-style قبل تخصيص خاصية outline-color. يمكن تغيير لون الخطوط العريضة للعنصر فقط بعد الحصول عليه.

ملاحظة:الخطوط العريضة لا تأخذ مساحة، ولا تكون بالضرورة مستطيلة.

انظر أيضًا:

دليل تعليمات CSSتدوين CSS

دليل CSSخاصية outline

دليل HTML DOMخاصية outlineStyle

مثال

تعيين نمط الوضع:

p
  {
  outline-style:dotted;
  }

جرب بنفسك

قواعد اللغة CSS

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

قيمة الخاصية

القيمة وصف
لا شيء افتراضي. يحدد عدم وجود هيكل.
مخفي يحدد هيكلًا مخفيًا.
نقاطي يحدد هيكلًا نقاطيًا.
شرائحي يحدد هيكلًا شرائحيًا.
خطي يحدد هيكلًا خطيًا.
توأم يحدد هيكلًا ذو خطين. عرض الخطين يساوي قيمة outline-width.
ثنية يحدد حافة ثنية ثلاثية الأبعاد. يعتمد هذا التأثير على قيمة outline-color.
جسر يحدد جسرًا ثلاثي الأبعاد للهيكل. يعتمد هذا التأثير على قيمة outline-color.
ثنية يحدد حافة ثنية ثلاثية الأبعاد. يعتمد هذا التأثير على قيمة outline-color.
جسر يحدد جسرًا ثلاثي الأبعاد للهيكل. يعتمد هذا التأثير على قيمة outline-color.
وراثة يحدد أن يجب استيراد إعدادات نمط الوضع من العنصر الأم.

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

القيمة الافتراضية: لا شيء
الوراثة: لا
الإصدار: CSS2
قواعد اللغة الجافا سكربت: object.style.outlineStyle="dotted"

مثال TIY

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

دعم المتصفحات

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

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

ملاحظة:إذا تم تحديد !DOCTYPE، يدعم IE8 خاصية outline.