خصائص Style outline

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

outline تعيين أو استرداد جميع خصائص الخطوط بتنسيق مختصر.

من خلال هذا الخصائص، يمكنك تعيين/استرداد ما يلي (بأي ترتيب):

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

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

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

دليل CSS:الطريقة CSS

دليل CSS:خصائص outline

مثال

مثال 1

إضافة هيكل حول العنصر <div>:

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

جرب بنفسك

مثال 2

تغيير عرض الهيكل، النمط واللون للعنصر <div>:

document.getElementById("myDiv").style.outline = "5px dotted green";

جرب بنفسك

مثال 3

استرداد قيمة خصائص outline للعنصر <div>:

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

جرب بنفسك

النحو

استرداد خصائص outline:

object.style.outline

تعيين خصائص outline:

object.style.outline = "width style color|initial|inherit"

قيمة الخصائص

القيمة الوصف
width تعيين عرض الهيكل
style تعيين نمط الهيكل
color تعيين لون الهيكل
initial أعد هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من العنصر الأب. يرجى الرجوع إلى inherit.

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

القيمة الافتراضية: medium none invert
القيمة المعدلة: السلسلة، تعبر عن عرض الهيكل للعنصر، النمط و/أو اللون.
إصدار CSS: CSS2

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
دعم دعم دعم دعم دعم