كلمات الألوان CSS

سيتم شرح شفافوالمفتاح currentcolor وال مورث المفتاح.

مفتاح شفاف

شفاف يستخدم المفتاح لجعل اللون شفافًا. عادةً ما يستخدم لضبط لون الخلفية للعنصر شفافًا.

مثال

في هذا المثال، سيكون لون خلفية العنصر <div> شفافًا، وسيظهر رسم الخلفية:

body {
  background-image: url("paper.gif");
}
div {
  background-color: transparent;
}

جرب بنفسك

ملاحظة:شفاف المفتاح يساوي rgba(0,0,0,0)RGBA هي امتداد لقيمة لون RGB، تحتوي على قناة alpha - وهي تحدد شفافية اللون. لمزيد من المعلومات، يرجى الرجوع إلى CSS RGB الفصول وال ألوان CSS الفصول.

مفتاح currentcolor

مفتاح currentcolor يشبه المفتاح متغيرًا، حيث يحفظ قيمة لون العنصر color.

إذا كنت ترغب في أن يبقى لون معين متطابقًا في العنصر أو الصفحة، فإن هذا المفتاح سيكون مفيدًا جدًا.

مثال

في هذا المثال، سيكون لون الحدود للعنصر <div> أزرق، لأن لون النص للعنصر <div> هو أزرق:

div {
  color: blue;
  border: 10px solid currentcolor;
}

جرب بنفسك

مثال

في هذا المثال، لون خلفية <div> تم تعيينه إلى لون الحالة الحالية للعنصر <body>:

body {
  color: purple;
}
div {
  background-color: currentcolor;
}

جرب بنفسك

مثال

في هذا المثال، يتم ضبط لون حافة وظلال <div> من لون الحالية للعنصر <body>:

body {
 color: green;
}
div {
  box-shadow: 0px 0px 15px currentcolor;
  border: 5px solid currentcolor;
}

جرب بنفسك

كلمة مفتاحية مورث

مورث كلمة مفتاحية تحدد أن يجب أن يتم أخذ القيمة من عنصر الأصل.

مورث يمكن استخدام الكلمات المفتاحية لأي خصائص CSS وكذلك لأي عنصر HTML.

مثال

في هذا المثال، يتم ضبط لون حافة <span> من عنصر الأصل:

div {
  border: 2px solid red;
}
span {
  border: مورث;
}

جرب بنفسك