CSS outline 属性

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

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

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

تعتبر خاصية outline القصيرة تعيين جميع خصائص الهيكل في بيانة واحدة.

يمكن تعيين الخصائص التالية بالترتيب:

إذا لم يتم تحديد إحدى القيم، لن يحدث أي مشكلة، مثل outline:solid #ff0000; مسموح بها أيضًا.

دليل CSS:CSS 轮廓

تعيين نمط الحواف الأربعة:

p
  {
  outline:#00FF00 dotted thick;
  }

outline: outline-width outline-style outline-color|initial|inherit;

القيمة	الوصف
outline-color	يحدد لون الحاجز. راجع:outline-color القيم الممكنة.
outline-style	يحدد نمط الحاجز. راجع:outline-style القيم الممكنة.
outline-width	يحدد عرض الحاجز. راجع:outline-width القيم الممكنة.
inherit	يُفترض أن تنقل الخاصية outline من العنصر الأم.

القيمة الافتراضية:	invert none medium
تنقل:	لا
الإصدار:	CSS2
جافا سكربت:	object.style.outline="#0000FF dotted thin"

رسم خط حول العنصر: هذا المثال يوضح كيفية استخدام خاصية outline لرسم خط حول العنصر.

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

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

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