انتقل إلى محتوى الدرس
الدرس 129
دورة لغة CSS

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

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

أقسام الدرس
3
الأمثلة
3
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,139
محتوى الدرس
في هذا الدرس 3تصفّح المواضيع

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

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

CSS color transparent keyword

CSS color transparent keyword

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

HTML
.transparent
{ 
  background-color: transparent;
  border: 2px solid black;
  padding: 15px;
  color:red;
  margin-top:10px;
}

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

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

CSS color currentcolor keyword

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

CSS color currentcolor keyword

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

CSS color inherit keyword

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

CSS color inherit keyword

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

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

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…

ابنِ لغتك البرمجية

المصطلحات9

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 9 مفهومةأول بطاقة، أول خطوة
01 Keywords كلمات
للمراجعة
02 Color لون
للمراجعة
03 Transparent شفافية
للمراجعة
04 Inherit متوارث
للمراجعة
05 Current الحالي
للمراجعة
06 Body جسم المحتوي
للمراجعة
07 Parent الأب
للمراجعة
08 Element عنصر
للمراجعة
09 Border حد
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

حروف قليلة. معنى كامل.

الاختصارات4

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 4 مفهومةأول بطاقة، أول خطوة
01 CSS CSS
Cascading Style Sheets
صفحات الأنماط الانسيابية
للمراجعة
02 HTML HTML
Hypertext Markup Language
لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت<p><a href="https://www.closetag.com/tutorial/html/html-introduction">المزيد عن HTML</a></p>
للمراجعة
03 RGBA RGBA
Red، Green، Blue , Alpha
أحمر , أخضر , أزرق , مستوي الشفافية
للمراجعة
04 RGB RGB
Red، Green، Blue
أحمر , أخضر , أزرق
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

مساحة التحدي

اختبر فهمك.
ووصلها للإتقان.

كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.

2أسئلة 1أنواع تحديات 100%هدف الإتقان
تصحيح تلقائي. فرص بلا حدود.

أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.

الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.

لمحة عن التحدي2 أسئلة تنتظرك
01

تجعل خلفية العنصر شفافة وتظهر خلفية العنصر الذي بداخله

02

هي تجعل العنصر يرث جميع صفات العنصر الاب له parent element