CSS outline-width خاصية

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

تحدد خاصية outline-width عرض الهيكل الكامل للعنصر، ويبدأ هذا العرض في العمل فقط عندما يكون نمط الهيكل ليس none. إذا كان النمط none، فإن العرض يتم تعيينه إلى 0. لا يُسمح بتعيين قيم الطول السلبية.

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

التعليقات:يجب دائمًا إعلان خاصية outline-style قبل خاصية outline-width. لا يمكن تغيير لون الهيكل إلا بعد أن يتحصل العنصر على الهيكل.

التعليقات:لا يأخذ خط الهيكل مساحة، ولا يجب أن يكون شكلاً مستطيلاً.

انظر أيضًا:

دليل CSS التعليماتإطلالة CSS

دليل CSSخصائص outline

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

مثال

تعيين لون الهيكل النقطي:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

جرب بنفسك

قواعد اللغة CSS

outline-width: medium|thin|thick|length|initial|inherit;

قيمة الخاصية

القيمة الوصف
thin يحدد الهيكل النحيف.
medium افتراضي. يحدد الهيكل المتوسط.
thick يحدد الهيكل الكبير.
length يسمح لك بتحديد قيمة عرض الهيكل.
inherit يحدد أن يجب أن تورث إعدادات عرض الهيكل من العنصر الأم.

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

القيمة الافتراضية: medium
الوراثة: no
الإصدار: CSS2
قواعد اللغة الجافا سكريبت: object.style.outlineWidth="thin"

TIY مثال

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

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

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

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

التعليقات:إذا تم تحديد !DOCTYPE، فإن Internet Explorer 8 يدعم خاصية outline.