الفرق بين المراجعتين ل"Sass/rgba"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| (3 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()rgba</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()rgba</code> في Sass}}</noinclude> | ||
| − | + | تغيّر الدالة <code>()rgba</code> قيمة شفافيَّة لون معيّن أو تُنشئ لونًا انطلاقا من تمرير قيمة المكوِّنات: الأحمر والأخضر والأزرق وقناة الشفافيَّة (alpha). | |
| − | == البنية العامة | + | ==البنية العامة== |
| − | |||
<syntaxhighlight lang="sass"> | <syntaxhighlight lang="sass"> | ||
rgba($red, $green, $blue,$alpha) | rgba($red, $green, $blue,$alpha) | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
rgba($color,$alpha) | rgba($color,$alpha) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | + | ==المعاملات== | |
| − | ==== | + | ===<code>$red</code>=== |
| − | + | قيمة المكوِّن الأحمر في اللون، ويجب أن تتراوح بين 0 و 255 أو بين 0%و 100%. | |
| − | + | ===<code>$green</code>=== | |
| − | + | قيمة المكوِّن الأخضر في اللون، ويجب أن تتراوح بين 0 و 255 أو بين 0%و 100%. | |
| − | + | ===<code>$blue</code>=== | |
| − | + | قيمة المكوِّن الأزرق في اللون، ويجب أن تتراوح بين 0 و 255 أو بين 0%و 100%. | |
| − | + | ===<code>$alpha</code>=== | |
| − | + | قيمة مكوِّن قناة الشفافيِّة (alpha) للون، ويجب أن تتراوح بين 0 و1. | |
| − | == القيم المعادة == | + | ===<code>$color</code>=== |
| − | اللون | + | اللون المراد تغيير قيمة شفافيَّته. |
| − | + | ==القيم المعادة== | |
| − | == الأخطاء والاستثناءات == | + | يُعاد لون جديد إن مرِّر إلى الدالة قيمة العوامل <code>$red</code> و <code>$green</code> و <code>$blue</code>، أو يُعاد اللون <code>$color</code> بعد تغيير قيمة قناة الشفافيَّة (alpha) له إلى القيمة <code>$alpha</code>. |
| − | سيُرمى الخطأ <code>ArgumentError</code> إن | + | ==الأخطاء والاستثناءات== |
| − | + | سيُرمى الخطأ <code>ArgumentError</code> إن كان نوع أحد المعاملات الممرَّرة خطأ، أو كانت قيمته خارج المجال المسموح. | |
| − | == أمثلة == | + | ==أمثلة== |
مثال عن استخدام الدالة <code>rgba()</code> لضبط قيمة اللون (<code>[[CSS/color|color]]</code>) ولون الخلفية (<code>[[CSS/background-color|background-color]]</code>):<syntaxhighlight lang="sass"> | مثال عن استخدام الدالة <code>rgba()</code> لضبط قيمة اللون (<code>[[CSS/color|color]]</code>) ولون الخلفية (<code>[[CSS/background-color|background-color]]</code>):<syntaxhighlight lang="sass"> | ||
.selector { | .selector { | ||
| سطر 48: | سطر 29: | ||
} | } | ||
| − | </syntaxhighlight> | + | </syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة [[CSS]] الآتية:<syntaxhighlight lang="css"> |
| − | |||
| − | سيُصرّف المثال السابق إلى شيفرة [[CSS]] الآتية:<syntaxhighlight lang="css"> | ||
.selector { | .selector { | ||
color: rgba(16, 32, 48, 0.5); | color: rgba(16, 32, 48, 0.5); | ||
| سطر 57: | سطر 36: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | + | ==انظر أيضًا== | |
| − | == انظر أيضًا == | + | *الدالة <code>[[Sass/rgb|rgb()]]</code>: تُنشئ لونًا انطلاقًا من المكوِّنات الثلاث: الأحمر والأخضر والأزرق. |
| − | * الدالة <code>[[Sass/rgb|rgb()]]</code>: تُنشئ لونًا انطلاقًا من | + | *الدالة <code>[[Sass/alpha|hsl()]]</code>: تُنشئ لونًا انطلاقا من قيم الصبغة والتشبُّع والسطوع. |
| − | + | *الدالة <code>[[Sass/adjust color|adjust_color()]]</code>: تغيِّر قيمة مكوِّنات اللون الممرَّر إليها. | |
| − | == مصادر == | + | *الدالة <code>[[Sass/alpha|alpha()]]</code>: تُعيد قيمة مكوِّن قناة الشفافيَّة (alpha). |
| − | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#rgba-instance_method قسم الدالة | + | ==مصادر== |
| − | [[تصنيف:Sass]] | + | *[https://sass-lang.com/documentation/Sass/Script/Functions.html#rgba-instance_method قسم الدالة rgba في صفحة الدوال في توثيق Sass الرسمي]. |
| − | [[تصنيف: Sass Function]] | + | [[تصنيف:Sass|{{SUBPAGENAME}}]] |
| + | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] | ||
المراجعة الحالية بتاريخ 07:01، 20 مايو 2018
تغيّر الدالة ()rgba قيمة شفافيَّة لون معيّن أو تُنشئ لونًا انطلاقا من تمرير قيمة المكوِّنات: الأحمر والأخضر والأزرق وقناة الشفافيَّة (alpha).
البنية العامة
rgba($red, $green, $blue,$alpha)
rgba($color,$alpha)
المعاملات
$red
قيمة المكوِّن الأحمر في اللون، ويجب أن تتراوح بين 0 و 255 أو بين 0%و 100%.
$green
قيمة المكوِّن الأخضر في اللون، ويجب أن تتراوح بين 0 و 255 أو بين 0%و 100%.
$blue
قيمة المكوِّن الأزرق في اللون، ويجب أن تتراوح بين 0 و 255 أو بين 0%و 100%.
$alpha
قيمة مكوِّن قناة الشفافيِّة (alpha) للون، ويجب أن تتراوح بين 0 و1.
$color
اللون المراد تغيير قيمة شفافيَّته.
القيم المعادة
يُعاد لون جديد إن مرِّر إلى الدالة قيمة العوامل $red و $green و $blue، أو يُعاد اللون $color بعد تغيير قيمة قناة الشفافيَّة (alpha) له إلى القيمة $alpha.
الأخطاء والاستثناءات
سيُرمى الخطأ 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(): تُنشئ لونًا انطلاقًا من المكوِّنات الثلاث: الأحمر والأخضر والأزرق. - الدالة
hsl(): تُنشئ لونًا انطلاقا من قيم الصبغة والتشبُّع والسطوع. - الدالة
adjust_color(): تغيِّر قيمة مكوِّنات اللون الممرَّر إليها. - الدالة
alpha(): تُعيد قيمة مكوِّن قناة الشفافيَّة (alpha).