CSS

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

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

التاريخ

14 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

1478

المواضيع

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

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;
}
مصطلحات الدرس
Outline
Outline

حدود عريضة خارجية

Color
Color

لون

Name
Name

اسم

Invert
Invert

عكسي

Property
Property

خاصية

Values
Values

قيم

اختصارات الدرس
CSS
CSS

Cascading Style Sheets

صفحات الأنماط الانسيابية
HEX
HEX

Hexadecimal

أرقام سداسية عشرية
RGB
RGB

Red، Green، Blue

أحمر , أخضر , أزرق
HSL
HSL

Hue, Saturation, Lightness

مسحة ، تشبع ، إضاءة
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.