خصائص Style outlineWidth

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

outlineWidth يضبط أو يسترد عرض الحدود حول العنصر.

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

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

يرجى أيضًا الرجوع إلى:

دليل CSS:CSS Ɗawaki

دليل 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

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support