الفرق بين المراجعتين ل"CSS/outline-color"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| سطر 71: | سطر 71: | ||
* مسودة [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}}]] |
مراجعة 15:35، 28 يناير 2018
الخاصية outline-color في CSS تضبط لون حدود outline العنصر، التي هي الخطوط التي تُرسَم خارج إطار العنصر border. من المستحسن استخدام الخاصية المختصرة outline عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد.
/* <color> القيم اللونية */
outline-color: #f92525;
outline-color: rgb(30,222,121);
outline-color: blue;
/* القيم العامة */
outline-color: inherit;
outline-color: initial;
outline-color: unset;
| القيمة الابتدائية | currentColor
|
|---|---|
| تُطبَّق على | جميع العناصر. |
| قابلة للوراثة | لا |
| قابلة للحركة | نعم |
| القيمة المحسوبة | قيمة لونية <color>.
|
أمثلة
سنجعل لون حدود الفقرة <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).