الدالة ()rgba في Sass

من موسوعة حسوب
< Sass
مراجعة 11:35، 19 أبريل 2018 بواسطة محمد-بغات (نقاش | مساهمات) (أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()rgba</code> في Sass}}</noinclude> تضبط الدالة <code>()rgba</code> شفافية لون معيّن، أو تُ...')
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)
اذهب إلى التنقل اذهب إلى البحث

تضبط الدالة ()rgba شفافية لون معيّن، أو تُنشئ لونًا انطلاقا من المركبات: الأحمر والأخضر والأزرق والشفافية.

البنية العامة - الشكل الأول

rgba($red, $green, $blue,$alpha)

المعاملات - الشكل الأول

‎$red

مقدار الحُمرة في اللون، ينبغي أن تكون بين 0 و 250، أو بين ‎ 0%‎ و  ‎ 100%.

‎$green

مقدار الخُضرة في اللون، ينبغي أن تكون بين 0 و 250، أو بين ‎ 0%‎ و  ‎ 100%.

‎$blue

مقدار الزرقة في اللون، ينبغي أن تكون بين 0 و 250، أو بين ‎ 0%‎ و  ‎ 100%.

‎$alpha

شفافية اللون، ينبغي أن تكون بين 0 و 1.

البنية العامة - الشكل الثاني

rgba($color,$alpha)

المعاملات - الشكل الثاني

‎$color

اللون الذي ستُغير شفافيته.

‎$alpha

شفافية اللون، ينبغي أن تكون بين 0 و 1.

القيم المعادة

اللون الذي أُنشئ أو عُدِّل.

الأخطاء والاستثناءات

سيُرمى الخطأ ArgumentError إن كانت المعاملات من النوع الخاطئ أو خارج الحدود.

أمثلة

مثال عن استخدام الدالة rgba()‎ لضبط قيمة اللون (color) ولون الخلفية (background-color):

.selector {
   color; rgba(#102030, 0.5);// rgba(16, 32, 48, 0.5)
   background-color: rgba(blue, 0.2); // rgba(0, 0, 255, 0.2)
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

.selector {
  color; rgba(16, 32, 48, 0.5);
  background-color: rgba(0, 0, 255, 0.2);
}

انظر أيضًا

الدالة rgb()‎: تُنشئ لونا انطلاقا من المركبات اللونية الثلاث .

مصادر