English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تعد خاصية outline-color الخاصة بـ CSS تعيين لون هالة العنصر. ومع ذلك، في العديد من الحالات، نستخدمoutlineخصائص الاختصار هذه.
جدول هذا يوضح استخدام هذه الخاصية و سجلات الإصدارات، بالإضافة إلى استخدام هذه الخاصية في لغة الجافا سكربت.
| القيمة الافتراضية: | invert |
|---|---|
| يمكن تطبيقها: | جميع العناصر |
| الوراثة: | لا |
| يمكن تفعيله: | نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة。 |
| الإصدار: | CSS 2、3 |
| جافا سكربت Grammar: | object.style.outlineColor="#000000" |
نظام النص التالي هو لهذه الخاصية:
outline-color: color | invert | initial | inherit
يوضح المثال أدناه كيفية استخدام خاصية outline-color.
p {
outline-style: solid;
outline-color: #ff0000;
}اختبار ل‹/›ملاحظة:يجب أن تعلنoutline-styleالخاصية. يجب أن يكون العنصر ذو المحيط قبل تحديد لونه، لأن قيمة الخاصية outline-style هي none افتراضيًا.
جدول أدناه يصف قيمة هذه الخاصية.
| القيمة | الوصف |
|---|---|
| color | تحديد لون المحيط.قيم الألوان CSSللحصول على قائمة بالألوان المحتملة. |
| invert | تقلب الألوان على بكسلات الشاشة لضمان وضوح المحيط، بغض النظر عن لون الخلفية. هذا هو القيمة الافتراضية. |
| initial | ضع هذه الخاصية على قيمتها الافتراضية. |
| inherit | إذا تم تحديد، يتم استخدام قيمة خاصية outline-color للعنصر الأب. |
متاحية خاصية outline-color في متصفحات الويب، الأرقام في الجدول التالي تعكس إصدار أحدث متصفح يدعم هذه الخاصية؛ يدعم جميع المتصفحات الرئيسية هذه الخاصية.
|
تحذير: لا يدعم متصفح Internet Explorer 7 وأولى إصداراته الخاصية outline-color. يدعم IE8 هذه الخاصية، لكن يجب أن يكون لديك<!DOCTYPE>。
يرجى الرجوع إلى الدروس المتعلقة بالمحتوى التالي:محيط CSS،حافات CSS。
خصائص ذات صلة:outline،outline-width،outline-style。