الفرق بين المراجعتين لصفحة: «Sass/rgba»
< Sass
أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()rgba</code> في Sass}}</noinclude> تضبط الدالة <code>()rgba</code> شفافية لون معيّن، أو تُ...' |
لا ملخص تعديل |
||
| سطر 26: | سطر 26: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== المعاملات - الشكل الثاني == | |||
=== <code>$color</code> === | === <code>$color</code> === | ||
مراجعة 11:35، 19 أبريل 2018
تضبط الدالة ()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);
}