خصائص Style outlineWidth
- الصفحة السابقة outlineStyle
- الصفحة التالية overflow
- العودة إلى الطبقة السابقة ميزة Style DOM
التعريف والاستخدام
outlineWidth يحدد أو يسترجع عرض الشكل الخارجي حول العنصر.
الشكل الخارجي هو خط يحيط بالعنصر. يظهر حول الهوامش الخارجية للعنصر. ولكن، يختلف عن خصائص الحواف.
الشكل الخارجي ليس جزءًا من حجم العنصر، لذلك لا تشمل خصائص العرض والطول عرض الشكل الخارجي.
انظر أيضًا:
دليل CSS:مفهوم إطلالة CSS
دليل CSS:خصائص outline
دليل HTML DOM:خصائص outline
مثال
مثال 1
تغيير عرض الشكل الخارجي للعنصر <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
مثال 2
استخدام قيمة "thick" لتغيير عرض الشكل الخارجي للعنصر <div>:
document.getElementById("myDiv").style.outlineWidth = "thick";
مثال 3
استرجاع عرض الشكل الخارجي للعنصر <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
النحو
استرجاع خصائص outlineWidth:
object.style.outlineWidth
تعيين خصائص outlineWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
قيمة الخصائص
| القيمة | الوصف |
|---|---|
| thin | تعريف الخط النحيف. |
| medium | تعريف الخط المتوسط. افتراضي. |
| thick | تعريف الخطك الكبير. |
| length | عرض الشكل الخارجي مقاس بالوحدات الطولية. |
| initial | عند تعيين هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial. |
| inherit | يرث هذا الخصائص من العنصر الأب. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | medium |
|---|---|
| القيمة المعدة: | الخط النصي، يمثل عرض الشكل الخارجي للعنصر. |
| إصدار CSS: | CSS2 |
دعم المتصفحات
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة outlineStyle
- الصفحة التالية overflow
- العودة إلى الطبقة السابقة ميزة Style DOM
