CSS

CSS Border Color
لون الإطار في لغة CSS

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

التاريخ

13 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

2059

المواضيع

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

CSS Border Color
لون الإطار في لغة CSS

مراجعة تقنية
Mostafa Hefny

Mostafa Hefny

CEO & Founder CloseTag

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

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


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

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

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

border-color:value;
border color values

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

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

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

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

CSS Border Color with color name

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

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

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

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

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

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

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

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

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

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