CSS

CSS Color Keywords
الكلمات المفتاحية مع الألوان في لغة CSS

سوف تتعلم في هذا الدرس ثلاثة كلمات مهمة في تستخدم مع الألوان في لغة CSS وهم transparent , currentcolor, inherit.

التاريخ

29 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

1397

المواضيع

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

CSS Color Keywords
الكلمات المفتاحية مع الألوان في لغة CSS

</> CSS color transparent keyword
الكلمة المفتاحية transparent مع الألوان في لغة CSS

في لغة CSS يمكن تحديد اللون بالكلمات المفتاحية وكلمة transparent تعني اللون شفاف أي أن العنصر الذي تم تعيين قيمة transparent له كخلفية يظهر خلفية العنصر parent الأب لأن الخلفية أصبحت شفافة.
CSS color transparent keyword
CSS color transparent keyword

إستخدام اللون الشفاف عن طريقة transparent في لغة CSS.

.transparent
{ 
  background-color: transparent;
  border: 2px solid black;
  padding: 15px;
  color:red;
  margin-top:10px;
}
ملاحظة
  • الكلمة transparent تعادل rgba (0،0،0،0). قيم ألوان RGBA هي امتداد لقيم ألوان RGB مع alpha - والتي تحدد درجة ظهور اللون وقيمتها من (0.0) الي (1.0) اللون.

</> CSS color currentcolor keyword
كلمة currentcolor مع الألوان في لغة CSS

currentcolor في لغة CSS مع الألوان تساوي لون العنصر المحدد داخل خاصية color فلو كان العنصر محدد له اللون red فسوف يصبح لون الإطار باللون الأحمر عندما يتم تحديدة عن طريق كلمة currentcolor.

CSS color currentcolor keyword

اللون الحالي عن طريق currentcolor في لغة CSS .

CSS color currentcolor keyword
div
{
  color: gold;
  border: dashed 3px currentcolor;
  padding: 15px;
  background: #2196F3;
}

</> CSS color inherit keyword
CSS color inherit keyword

القيمة inherit مع الألوان في لغة CSS تعني أن العنصر يورث اللون من الأب يأخذ قمية لون الأب فلو كان العنصر له لون red فالعنصر سوف يورث كلمة red من الأب.
CSS color inherit keyword

وراثة الألوان في لغة CSS.

div
{
  color:inherit;
  border:blue solid 2px;
  padding:20px;
}

يمكننا استخدام كلمة inherit مع اي خاصية من خواص ال CSS او اي عنصر من عناصر ال HTML.

مصطلحات الدرس
Keywords
Keywords

كلمات

Color
Color

لون

Transparent
Transparent

شفافية

Inherit
Inherit

متوارث

Current
Current

الحالي

Body
Body

جسم المحتوي

Parent
Parent

الأب

Element
Element

عنصر

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

Cascading Style Sheets

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

Hypertext Markup Language

لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت
link
RGBA
RGBA

Red، Green، Blue , Alpha

أحمر , أخضر , أزرق , مستوي الشفافية
RGB
RGB

Red، Green، Blue

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

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

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