الفرق بين المراجعتين لصفحة: «CSS/outline-color»
< CSS
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:الخاصية <code>outline-color</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:الخاصية <code>outline-color</code>}}</noinclude> | ||
الخاصية <code>outline-color</code> في CSS تضبط لون حدود <code>[[CSS/outline|outline]]</code> العنصر، التي هي الخطوط التي تُرسَم خارج إطار العنصر <code>[[CSS/border|border]]</code>. من المستحسن استخدام الخاصية المختصرة <code>[[CSS/outline|outline]]</code> عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد. | الخاصية <code>outline-color</code> في CSS تضبط لون حدود <code>[[CSS/outline|outline]]</code> العنصر، التي هي الخطوط التي تُرسَم خارج إطار العنصر <code>[[CSS/border|border]]</code>. من المستحسن استخدام الخاصية المختصرة <code>[[CSS/outline|outline]]</code> عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد. | ||
== بطاقة الخاصية == | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 29: | سطر 21: | ||
|} | |} | ||
<syntaxhighlight lang="css"> | |||
/* <color> القيم اللونية */ | |||
outline-color: #f92525; | |||
outline-color: rgb(30,222,121); | |||
outline-color: blue; | |||
/* القيم العامة */ | |||
outline-color: inherit; | |||
outline-color: initial; | |||
outline-color: unset; | |||
</syntaxhighlight> | |||
== أمثلة == | == أمثلة == | ||
| سطر 60: | سطر 64: | ||
الخاصية <code>outline-color</code> تقبل قيمةً لونيةً واحدةً. | الخاصية <code>outline-color</code> تقبل قيمةً لونيةً واحدةً. | ||
=== | === <code>[[CSS/color value|<color>]]</code> === | ||
لون حدود العنصر. | لون حدود العنصر. | ||
=== البنية الرسمية === | === البنية الرسمية === | ||
مراجعة 16:35، 29 أغسطس 2018
الخاصية outline-color في CSS تضبط لون حدود outline العنصر، التي هي الخطوط التي تُرسَم خارج إطار العنصر border. من المستحسن استخدام الخاصية المختصرة outline عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد.
بطاقة الخاصية
| القيمة الابتدائية | currentColor
|
|---|---|
| تُطبَّق على | جميع العناصر. |
| قابلة للوراثة | لا |
| قابلة للحركة | نعم |
| القيمة المحسوبة | قيمة لونية <color>.
|
/* <color> القيم اللونية */
outline-color: #f92525;
outline-color: rgb(30,222,121);
outline-color: blue;
/* القيم العامة */
outline-color: inherit;
outline-color: initial;
outline-color: unset;
أمثلة
سنجعل لون حدود الفقرة <p> الآتية أزرق:
<p>لون حدود هذه الفقرة هو أزرق</p>
شيفرة CSS:
p {
outline: 2px solid;
outline-color: #0000FF;
margin: 5px;
}
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 1.0 | 1.5 | 8.0 | 7.0 | 1.2 |
البنية العامة
الخاصية outline-color تقبل قيمةً لونيةً واحدةً.
<color>
لون حدود العنصر.
البنية الرسمية
outline-color: <color>;
مصادر ومواصفات
- مواصفة CSS Basic User Interface Module Level 3.
- مسودة CSS Transitions.
- مواصفة CSS Level 2 (Revision 1).