أحدث البرامج التعليمية وتطوير الشبكة
 

Style outline Property

<كائن نمط

مثال

أضف مخططا حول <div> العنصر:

document.getElementById("myDiv").style.outline = "thick solid #0000FF";
انها محاولة لنفسك »

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

مجموعات الملكية مخطط أو إرجاع كافة الخصائص المخطط، في شكل اختصار.

مع هذه الخاصية، يمكنك ضبط / عودة واحد أو أكثر من الإجراءات التالية (في أي ترتيب):

  • مخطط العرض
  • على غرار مخطط
  • مخطط الألوان

مخطط هو خط حول عنصر. يتم عرضه في جميع أنحاء هامش العنصر. ومع ذلك، فإنه يختلف عن الممتلكات الحدود.

الخطوط العريضة ليست جزءا من أبعاد العنصر، وبالتالي العرض والارتفاع خواص العنصر لا تحتوي على عرض المخطط التفصيلي.


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية الخطوط العريضة في جميع المتصفحات الرئيسية.

Note: لا يتم اعتماد خاصية مخطط في IE7 وفي وقت سابق. IE8 يتطلب DOCTYPE!. IE9 في وقت لاحق تقديم الدعم لها.


بناء الجملة

إعادة الممتلكات المخطط:

object .style.outline

تعيين الخاصية المخطط:

object .style.outline=" قيم الممتلكات
معامل وصف
width يحدد عرض الخطوط العريضة
style يحدد نمط مخطط
color يحدد لون الخطوط العريضة
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: أيا قلب المتوسط
قيمة الإرجاع: A سلسلة، تمثل الخطوط العريضة العرض والأسلوب و/ أو لون عنصر
صفحة CSS CSS2

مزيد من الأمثلة

مثال

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

document.getElementById("myDiv").style.outline = "5px dotted green";
انها محاولة لنفسك »

مثال

العودة قيم الخاصية الخطوط العريضة ل <div> العنصر:

alert(document.getElementById("myDiv").style.outline);
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: CSS المخطط

CSS المرجع outline property


<كائن نمط