خاصية مخطط CSS
مثال
ضع مخططًا حول عنصر <h2> وعنصر <div>:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
التعريف والاستخدام
المخطط التفصيلي هو خط يتم رسمه حول العناصر ، خارج الحدود ، لجعل العنصر "بارزًا".
الخاصية هي outline
خاصية مختصرة من أجل:
إذا تم حذف لون المخطط التفصيلي ، فسيكون اللون المطبق هو لون النص.
ملاحظة: تختلف الخطوط العريضة عن الحدود ! على عكس الحد ، يتم رسم المخطط التفصيلي خارج حدود العنصر ، وقد يتداخل مع محتوى آخر. أيضًا ، المخطط التفصيلي ليس جزءًا من أبعاد العنصر ؛ لا يتأثر العرض والارتفاع الكلي للعنصر بعرض المخطط التفصيلي.
القيمة الافتراضية: | متوسط لون معكوس |
---|---|
وارث: | رقم |
متحرك: | نعم ، انظر الخصائص الفردية . اقرأ عن animatable |
الإصدار: | CSS2 |
بناء جملة JavaScript: | الكائن .style.outline = "# 0000FF منقط 5 بكسل" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
بنية CSS
outline: outline-width outline-style outline-color|initial|inherit;
قيم الملكية
Value | Description |
---|---|
outline-width | Specifies the width of outline |
outline-style | Specifies the style of the outline |
outline-color | Specifies the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
الصفحات ذات الصلة
دروس CSS: مخطط CSS
مرجع DOM HTML: خاصية المخطط التفصيلي