عرض مصدر CSS/outline-color

<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> عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد.

== بطاقة الخاصية ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" |[[CSS/initial value|القيمة الابتدائية]]
|<code>currentColor</code>
|-
! scope="row" |تُطبَّق على
|جميع العناصر.
|-
! scope="row" |قابلة للوراثة
|لا
|-
!قابلة للحركة
|نعم
|-
! scope="row" |القيمة المحسوبة
|قيمة لونية <code>[[CSS/color value|<color>]]</code>.

|}

<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>

== أمثلة ==
سنجعل لون حدود الفقرة <code>[[HTML/p|<nowiki><p></nowiki>]]</code> الآتية أزرق:<syntaxhighlight lang="html">
<p>لون حدود هذه الفقرة هو أزرق</p>

</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
p {
  outline: 2px solid;
  outline-color: #0000FF;
  margin: 5px;
}
</syntaxhighlight>
== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|1.0
|1.5
|8.0
|7.0
|1.2
|}
== البنية العامة ==
الخاصية <code>outline-color</code> تقبل قيمةً لونيةً واحدةً.

===  <code>[[CSS/color value|<color>]]</code> ===
لون حدود العنصر.
=== البنية الرسمية ===
<syntaxhighlight lang="css">
outline-color: <color>;

</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> التي  تؤدي إلى ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد.

== مصادر ومواصفات ==
* مواصفة [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]. 
* مواصفة ‎[http://www.w3.org/TR/CSS2/ui.html#propdef-outline-color CSS Level 2 (Revision 1)‎]. 
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS User Interface|{{SUBPAGENAME}}]]