مثال
إضافة "solid" الخطوط العريضة حول <div> العنصر:
document.getElementById("myDiv").style.outlineStyle = "solid"; انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية outlineStyle أو ترجع النمط من الخطوط العريضة حول عنصر.
مخطط هو خط حول عنصر. يتم عرضه في جميع أنحاء هامش العنصر. ومع ذلك، فإنه يختلف عن الممتلكات الحدود.
الخطوط العريضة ليست جزءا من أبعاد العنصر، وبالتالي العرض والارتفاع خواص العنصر لا تحتوي على عرض المخطط التفصيلي.
دعم المتصفح
ويدعم خاصية outlineStyle في جميع المتصفحات الرئيسية.
Note: لا يتم اعتماد خاصية outlineStyle في IE7 وفي وقت سابق. IE8 يتطلب DOCTYPE!. IE9 في وقت لاحق تقديم الدعم لها.
بناء الجملة
إعادة الممتلكات outlineStyle:
object .style.outlineStyle
تعيين الخاصية outlineStyle:
object .style.outlineStyle= value قيم الممتلكات
| القيمة | وصف |
|---|---|
| none | يعرف أي مخطط. هذا هو الافتراضي |
| hidden | يتم تشغيل الخطوط العريضة قبالة |
| dotted | يحدد الخطوط العريضة منقط |
| dashed | يحدد الخطوط العريضة متقطع |
| solid | يحدد الخطوط العريضة الصلبة |
| double | يحدد الخطوط العريضة مزدوج |
| groove | يحدد الخطوط العريضة مخدد 3D. تأثير يعتمد على قيمة مخطط الألوان |
| ridge | يحدد الخطوط العريضة مخدد 3D. تأثير يعتمد على قيمة مخطط الألوان |
| inset | يحدد الخطوط العريضة 3D أقحم. تأثير يعتمد على قيمة مخطط الألوان |
| outset | يحدد الخطوط العريضة البداية 3D. تأثير يعتمد على قيمة مخطط الألوان |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| قيمة الإرجاع: | سلسلة تمثل النمط من الخطوط العريضة للعناصر |
| صفحة CSS | CSS2 |
مزيد من الأمثلة
مثال
تغيير نمط الخطوط العريضة ل <div> العنصر:
document.getElementById("myDiv").style.outlineStyle = "solid";
انها محاولة لنفسك » مثال
العودة النمط الخطوط العريضة ل <div> العنصر:
alert(document.getElementById("myDiv").style.outlineStyle); انها محاولة لنفسك » مثال
مظاهرة من كل القيم مختلفة:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; انها محاولة لنفسك » صفحات ذات صلة
CSS التعليمي: CSS المخطط
CSS المرجع outline-style property
HTML DOM المرجع outline property
<كائن نمط