属性 ƙashe ƙaɗanin outline CSS

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

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

ملاحظة:خط الهيكل لا يأخذ مساحة، ولا يكون بالضرورة مُثلثًا.

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

يمكن إعداد هذه الخاصيات بالترتيب التالي:

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

انظر أيضًا:

دليل CSS轮廓 CSS

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

مثال

إعداد نمط الحدود لأربعة جوانب:

p
  {
  outline:#00FF00 dotted thick;
  }

تجربة شخصية

صيغة CSS

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"

TIY مثال

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

دعم المتصفح

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

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

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