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

مراجعة 04:35، 12 سبتمبر 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 التي تؤدي إلى ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد.

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

مواصفة CSS Basic User Interface Module Level 3.
مسودة CSS Transitions.
مواصفة ‎CSS Level 2 (Revision 1)‎.

@@ سطر 72: / سطر 72: @@
 </syntaxhighlight>
 == انظر أيضًا ==
-* صفحة الخاصية <code>[[CSS/outline|outline]]</code> وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي  <code>[[CSS/outline-style|outline-style]]</code> و <code>[[CSS/outline-width|outline-width]]</code>.
+* صفحة الخاصية <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> التي  تؤدي إلى ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد.