خصائص النمط outlineStyle

التعريف والاستخدام

outlineStyle يُستخدم هذا الخصوصة لضبط أو رجوع النمط حول العنصر.

الشكل هو خط يحيط بالعنصر. يظهر حول الهوامش الخارجية للعنصر. ولكن، يختلف عن خصائص الحدود.

الشكل ليس جزءًا من حجم العنصر، لذا لا تشمل خصائص العرض والطول خصائص الشكل.

另请参阅：

يرجى الرجوع إلى:الحدود CSS

دليل تعليمات CSSدليل CSS

خصائص outline-styleدليل HTML DOM

خصائص outline

مثال

مثال 1

تغيير نموذج <div> للشكل الخارجي:

document.getElementById("myDiv").style.outlineStyle = listValue;

إضافة شكل خارجي محكم حول علامة <div>:

مثال 2

تغيير نموذج <div> للشكل الخارجي:

document.getElementById("myDiv").style.outlineStyle = listValue;

document.getElementById("myDiv").style.outlineStyle = "solid";

مثال 3

إرجاع نموذج <div> للشكل الخارجي:

document.getElementById("myDiv").style.outlineStyle = listValue;

alert(document.getElementById("myDiv").style.outlineStyle);

مثال 4

عرض جميع القيم المختلفة:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.outlineStyle = listValue;

جرب بنفسك

النحو

ضبط خاصية outlineStyle:إرجاع خاصية outlineStyle:

.style.outlineStyle

ضبط خاصية outlineStyle:object .style.outlineStyle =

value

قيمة الخاصية القيمة
لا شيء الوصف
افتراضي. يحدد الشكل الخارجي المعدل غير موجود. غير مرئي
الشكل الخارجي مغلق. dotted
يحدد الشكل الخارجي المعدل بالنقاط. dashed
يحدد الشكل الخارجي المعدل بالخط المتقطع. solid
يحدد الشكل الخارجي المعدل بالخط المستقيم. double يحدد الشكل الخارجي المعدل بالخطين. عرض الخطين يساوي outline-width
القيمة يحدد الشكل الخارجي المعدل 3D. يحدد الشكل الخارجي المعدل 3D. يعتمد هذا التأثير على outline-color القيم
ridge يحدد الشكل الخارجي المعدل 3D. يعتمد هذا التأثير على outline-color القيم
inset يحدد الشكل الخارجي المعدل 3D. يعتمد هذا التأثير على outline-color القيم
outset يحدد الشكل الخارجي المعدل 3D. يعتمد هذا التأثير على outline-color القيم
القيمة الافتراضية ضع هذا الخصائص على قيمته الافتراضية. يرجى الرجوع إلى القيمة الافتراضية.
التوريث يرث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى التوريث.

تفاصيل التقنية

القيمة الافتراضية: لا شيء
القيمة المعدلة: القيمة، تعبر عن أسلوب الشكل الخارجي للعنصر.
إصدار CSS: CSS2

دعم المتصفحات

كروم إدج فايرفوكس سفاري أوبرا
كروم إدج فايرفوكس سفاري أوبرا
دعم دعم دعم دعم دعم