في لغة 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

كلمات

Color

لون

Transparent

شفافية

Inherit

متوارث

Current

الحالي

Body

جسم المحتوي

Parent

الأب

Element

عنصر

Border

حد

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

CSS

Cascading Style Sheets

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

HTML

Hypertext Markup Language

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

link

RGBA

Red، Green، Blue , Alpha

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

RGB

Red، Green، Blue

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

معلومات تهمك

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

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

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

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

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