CSS outline-color خاصية
- الصفحة السابقة مخطط
- الصفحة التالية outline-offset
التعريف والاستخدام
outline (الهيكل) هو خط يُرسم حول العنصر، يقع حول حافة الحدود، يمكن أن يؤدي إلى تمييز العنصر. يمكن تعيين خاصية outline لخط الهيكل حول العنصر.
التعليقات:يجب دائمًا إعلان خاصية outline-style قبل خاصية outline-color. يمكن تغيير لون الهيكل للعنصر فقط بعد الحصول عليه.
التعليقات:خط الهيكل لا يأخذ مساحة، ولا يكون بالضرورة مستطيلاً.
يُمكن تعيين لون الهيكل كـ outline-color الخاصية لجعل جميع الأجزاء المرئية من الهيكل باللون المحدد. يجب تذكر أن نمط الهيكل لا يمكن أن يكون none، وإلا لن يظهر الهيكل.
انظر أيضًا:
دليل CSS التعليماتمحدود CSS
دليل CSSخصائص outline
دليل HTML DOMخصائص outlineColor
نحو CSS
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| color_name | يُمكن تحديد لون الهيكل كـ color name (مثل red). |
| hex_number | يُمكن تحديد لون الهيكل كـ hexadecimal value (مثل #ff0000). |
| rgb_number | يُمكن تحديد لون الهيكل كـ rgb code (مثل rgb(255,0,0)). |
| invert | افتراضي. يُمكن تنفيذ إعادة التغيير باللون (اللون العكسي). يمكن أن يكون الهيكل مرئيًا في خلفيات الألوان المختلفة. |
| inherit | يُمكن أن يتم تحديد لون الهيكل من خلال الوراثة من عنصر الأب. |
تفاصيل التقنية
| القيمة الافتراضية: | invert |
|---|---|
| الوراثة: | لا |
| الإصدار: | CSS2 |
| جافا سكريبت النحو: | object.style.outlineColor="#0000FF" |
TIY مثال
- تعيين لون الهيكل
- هذا المثال يوضح كيفية تعيين لون الهيكل.
دعم المتصفحات
الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
التعليقات:إذا تم تحديد !DOCTYPE، فإن Internet Explorer 8 يدعم خاصية outline.
- الصفحة السابقة مخطط
- الصفحة التالية outline-offset
