خاصية مخطط النمط
مثال
أضف مخططًا حول عنصر <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
التعريف والاستخدام
تقوم خاصية المخطط التفصيلي بتعيين أو إرجاع كافة خصائص المخطط التفصيلي ، في نموذج مختصر.
باستخدام هذه الخاصية ، يمكنك تعيين / إرجاع واحد أو أكثر مما يلي (بأي ترتيب):
- عرض المخطط التفصيلي
- نمط المخطط التفصيلي
- لون المخطط التفصيلي
المخطط التفصيلي هو خط حول عنصر. يتم عرضه حول هامش العنصر. ومع ذلك ، فهو يختلف عن خاصية الحدود.
لا يعد المخطط التفصيلي جزءًا من أبعاد العنصر ، وبالتالي فإن خصائص عرض العنصر وارتفاعه لا تحتوي على عرض المخطط التفصيلي.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
إرجاع خاصية المخطط التفصيلي:
object.style.outline
قم بتعيين خاصية المخطط التفصيلي:
object.style.outline = "width style color|initial|inherit"
قيم الملكية
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
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>:
document.getElementById("myDiv").style.outline = "5px dotted green";
مثال
قم بإرجاع قيم خصائص المخطط التفصيلي لعنصر <div>:
alert(document.getElementById("myDiv").style.outline);
الصفحات ذات الصلة
دروس CSS: مخطط CSS
مرجع CSS: خاصية المخطط التفصيلي
❮ نمط الكائن