CSS

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

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

التاريخ

29 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

1658

المواضيع

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

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.

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