CSS

CSS Outline Color
لون الإطار الخارجي outline في لغة CSS

سوف تتعلم في هذا الدرس إضافة أو تغيير لون outline الإطار في لغة CSS borders بواسطة خاصية outline-color.

التاريخ

14 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

1786

المواضيع

24
الشروحات chevron_left CSS Outline Color chevron_left CSS

CSS Outline Color
لون الإطار الخارجي outline في لغة CSS

</> CSS outline Color
لون الإطار الخارجي outline في لغة CSS

خاصية outline-color في لغة CSS تُسخدم لإضافة لون أو تغيير لون outline الإطار للأربع sides جوانب.


قيم خاصية outline-color في لغة CSS:

  • color لون الإطار يكتب بأي طريقة من طرق الألوان [hex color - rgb color - color nam].
  • transparent لون الإطار يكون شفاف.
outline color syntax

طريقة كتابة خاصية outline-color في لغة CSS.

outline-color:value;
outline color values

قيم خاصية outline-colors في لغة CSS.

outline-color:color|transparent|initial|inherit;

</> CSS outline Color with color
خاصية outline-color مع القيمة color في لغة CSS

خاصية outline-color والقيمة هي color في لغة CSS لتحديد أو تغير لون إطار العنصر.

CSS outline Color with color name

خاصية outline-color مع القيمة color وكتابة إسم اللون في لغة CSS.

p
{
  outline-style: solid;
  outline-color: red;
}
CSS outline Color with hex color

خاصية outline-color مع القيمة color وكتابة اللون hex في لغة CSS.

p
{
  outline-style: dotted;
  outline-color: #0f0;
}
CSS outline Color with hex rgb

خاصية outline-color مع القيمة color وكتابة اللون rgb في لغة CSS.

p
{
  outline-style: dashed;
  outline-color: rgb(0,0,255);
}

</> CSS outline Color with transparent
خاصية outline-color مع القيمة transparent في لغة CSS

خاصية outline-color مع القيمة transparent في لغة CSS لعمل لون إطار شفاف.
CSS outline Color with color transparent

خاصية outline-color مع القيمة transparent في لغة CSS.

p
{
  outline-style: solid;
  outline-color: transparent;
}
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات