خصائص التمييز CSS

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

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

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

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

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

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

انظر أيضًا:

دليل CSSمظاهر CSS

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

مثال

إعداد 4 أنماط حدود:

p
  {
  outline:#00FF00 dotted thick;
  }

جرب بنفسك

جملة CSS

outline: outline-width outline-style لون الخطوط المحددة|initial|inherit;

قيمة الخاصية

القيمة الوصف
لون الخطوط المحددة يحدد لون الحدود.لون الخطوط المحددة القيم المحتملة.
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.