خاصية عرض المخطط التفصيلي للنمط
مثال
غيّر عرض المخطط التفصيلي لعنصر <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
التعريف والاستخدام
تقوم الخاصية outlineWidth بتعيين أو إرجاع عرض المخطط التفصيلي حول عنصر.
المخطط التفصيلي هو خط حول عنصر. يتم عرضه حول هامش العنصر. ومع ذلك ، فهو يختلف عن خاصية الحدود.
لا يعد المخطط التفصيلي جزءًا من أبعاد العنصر ، وبالتالي فإن خصائص عرض العنصر وارتفاعه لا تحتوي على عرض المخطط التفصيلي.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
إرجاع الخاصية OutlineWidth:
object.style.outlineWidth
قم بتعيين الخاصية OutlineWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
قيم الملكية
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline in length units |
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> ، باستخدام القيمة "Thick":
document.getElementById("myDiv").style.outlineWidth = "thick";
مثال
قم بإرجاع عرض المخطط التفصيلي لعنصر <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
الصفحات ذات الصلة
دروس CSS: مخطط CSS
مرجع CSS: خاصية المخطط التفصيلي
مرجع DOM HTML: خاصية المخطط التفصيلي
❮ نمط الكائن