مخطط النمط : خاصية اللون
مثال
غيّر لون المخطط التفصيلي لعنصر <div>:
document.getElementById("myDiv").style.outlineColor = "#00ff00";
التعريف والاستخدام
تقوم الخاصية outlineColor بتعيين أو إرجاع لون المخطط التفصيلي حول العنصر.
المخطط التفصيلي هو خط حول عنصر. يتم عرضه حول هامش العنصر. ومع ذلك ، فهو يختلف عن خاصية الحدود.
لا يعد المخطط التفصيلي جزءًا من أبعاد العنصر ، وبالتالي فإن خصائص عرض العنصر وارتفاعه لا تحتوي على عرض المخطط التفصيلي.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
outlineColor | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
قم بإرجاع المخطط التفصيلي خاصية اللون:
object.style.outlineColor
قم بتعيين الخاصية OutlineColor:
object.style.outlineColor = "color|invert|initial|inherit"
قيم الملكية
Value | Description |
---|---|
color | Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values |
invert | Inverts the color of the outline to the opposite value. Note: Browsers are not required to support this value |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | عكس |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل لون المخطط التفصيلي للعنصر |
إصدار CSS | CSS2 |
مزيد من الأمثلة
مثال
إرجاع لون حد عنصر <div>:
alert(document.getElementById("myDiv").style.outlineColor);
الصفحات ذات الصلة
دروس CSS: مخطط CSS
مرجع CSS: خاصية لون المخطط التفصيلي
مرجع DOM HTML: خاصية المخطط التفصيلي
❮ نمط الكائن