الفرق بين المراجعتين لصفحة: «CSS/outline-color»

من موسوعة حسوب
< CSS
مرئينص الويكي
لا ملخص تعديل
 
لا ملخص تعديل
 
(4 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة)
سطر 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> عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد.<syntaxhighlight lang="css">
الخاصية <code>outline-color</code> في CSS تضبط لون حدود <code>[[CSS/outline|outline]]</code> العنصر، التي هي الخطوط التي تُرسَم خارج إطار العنصر <code>[[CSS/border|border]]</code>. من المستحسن استخدام الخاصية المختصرة <code>[[CSS/outline|outline]]</code> عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد.
/* <color> القيم اللونية */
outline-color: #f92525;
outline-color: rgb(30,222,121);
outline-color: blue;


/* القيم العامة */
== بطاقة الخاصية ==
outline-color: inherit;
outline-color: initial;
outline-color: unset;
</syntaxhighlight>
{| 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> ===
=== <code>[[CSS/color value|<color>]]</code> ===
لون حدود العنصر.
لون حدود العنصر.
=== البنية الرسمية ===
=== البنية الرسمية ===
سطر 67: سطر 71:


</syntaxhighlight>
</syntaxhighlight>
== انظر أيضًا ==
* صفحة الخاصية <code>[[CSS/outline|outline]]</code> وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي  <code>[[CSS/outline-style|outline-style]]</code> و <code>[[CSS/outline-width|outline-width]]</code> و <code>[[CSS/outline-offset|outline-offset]]</code>.
* صفحة الخاصية <code>[[CSS/border|border]]</code> التي تؤدي إلى ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد.
* صفحة الخاصيات التي تضبطها الخاصية المختصرة <code>[[CSS/border|border]]</code> وهي: <code>[[CSS/border-width|border-width]]</code> و <code>[[CSS/border-style|border-style]]</code> و <code>[[CSS/border-color|border-color]]</code>.
== مصادر ومواصفات ==
== مصادر ومواصفات ==
* مواصفة [https://drafts.csswg.org/css-ui-3/#outline-color CSS Basic User Interface Module Level 3].  
* مواصفة [https://drafts.csswg.org/css-ui-3/#outline-color CSS Basic User Interface Module Level 3].  
* مسودة [https://drafts.csswg.org/css-transitions/#animatable-css CSS Transitions].  
* مسودة [https://drafts.csswg.org/css-transitions/#animatable-css CSS Transitions].  
* مواصفة ‎[http://www.w3.org/TR/CSS2/ui.html#propdef-outline-color CSS Level 2 (Revision 1)‎].  
* مواصفة ‎[http://www.w3.org/TR/CSS2/ui.html#propdef-outline-color CSS Level 2 (Revision 1)‎].  
[[تصنيف:CSS]]
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property]]
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS User Interface]]
[[تصنيف:CSS User Interface|{{SUBPAGENAME}}]]

المراجعة الحالية بتاريخ 03:37، 15 سبتمبر 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>;

انظر أيضًا

  • صفحة الخاصية outline وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي  outline-style و outline-width و outline-offset.
  • صفحة الخاصية border التي تؤدي إلى ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد.
  • صفحة الخاصيات التي تضبطها الخاصية المختصرة border وهي: border-width و border-style و border-color.

مصادر ومواصفات

مجلوبة من «https://wiki.hsoub.com/index.php?title=CSS/outline-color&oldid=18062»