الفرق بين المراجعتين لصفحة: «Sass/rgba»

مراجعة 15:36، 13 مايو 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).

مصادر

قسم الدالة rgba في صفحة الدوال في توثيق Sass الرسمي.

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE: الدالة <code>()rgba</code> في Sass}}</noinclude>
-تغيّر الدالة <code>()rgba</code> قيمة شفافيَّة لون معيّن أو تُنشئ لونًا انطلاقا من تمرير قيمة المكوِّنات: الأحمر والأخضر والأزرق والشفافيَّة.
+تغيّر الدالة <code>()rgba</code> قيمة شفافيَّة لون معيّن أو تُنشئ لونًا انطلاقا من تمرير قيمة المكوِّنات: الأحمر والأخضر والأزرق وقناة الشفافيَّة (alpha).
 ==البنية العامة==
@@ سطر 15: / سطر 15: @@
 قيمة المكوِّن الأزرق في اللون، ويجب أن تتراوح بين 0 و 255 أو بين ‎ 0%‎و ‎100%.
 ===<code>‎$alpha</code>===
-قيمة شفافيِّة اللون، ويجب أن تتراوح بين 0 و1.
+قيمة مكوِّن قناة الشفافيِّة (alpha) للون، ويجب أن تتراوح بين 0 و1.
 ===<code>‎$color</code>===
 اللون المراد تغيير قيمة شفافيَّته.
-===<code>‎$alpha</code>===
-شفافية اللون، ويجب أن تتراوح بين 0 و1.
 ==القيم المعادة==
-يُعاد لون جديد إن مرِّر إلى الدالة قيمة العوامل <code>‎$red</code> و <code>‎$green</code> و <code>‎$blue</code>، أو يُعاد اللون <code>‎$color</code> بعد تغيير قيمة شفافيَّته إلى القيمة <code>‎$alpha</code>.
+يُعاد لون جديد إن مرِّر إلى الدالة قيمة العوامل <code>‎$red</code> و <code>‎$green</code> و <code>‎$blue</code>، أو يُعاد اللون <code>‎$color</code> بعد تغيير قيمة قناة الشفافيَّة (alpha) له إلى القيمة <code>‎$alpha</code>.
 ==الأخطاء والاستثناءات==
 سيُرمى الخطأ <code>ArgumentError</code> إن كان نوع أحد المعاملات الممرَّرة خطأ، أو كانت قيمته خارج المجال المسموح.
 ==أمثلة==
-المثال 1: استخدام الدالة <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 {
    color: rgba(#102030, 0.5);// rgba(16, 32, 48, 0.5)
@@ سطر 40: / سطر 38: @@
 ==انظر أيضًا==
 *الدالة <code>[[Sass/rgb|rgb()‎]]</code>: تُنشئ لونًا انطلاقًا من المكوِّنات الثلاث: الأحمر والأخضر والأزرق.
-*الدالة <code>[[Sass/alpha|alpha()‎]]</code>: تُعيد قيمة مكون الشفافيَّة (alpha).
+*الدالة <code>[[Sass/alpha|hsl()‎]]</code>‎: تُنشئ لونًا انطلاقا من قيم الصبغة والتشبُّع والسطوع.
 *الدالة <code>[[Sass/adjust color|adjust_color()‎]]</code>: تغيِّر قيمة مكوِّنات اللون الممرَّر إليها.
-*الدالة <code>[[Sass/alpha|hsl()‎]]</code>‎: تُنشئ لونًا انطلاقا من قيم الصبغة والتشبُّع والإضاءة.
+*الدالة <code>[[Sass/alpha|alpha()‎]]</code>: تُعيد قيمة مكوِّن قناة الشفافيَّة (alpha).
 ==مصادر==
 *[https://sass-lang.com/documentation/Sass/Script/Functions.html#rgba-instance_method قسم الدالة rgba في صفحة الدوال في توثيق Sass الرسمي.]
 [[تصنيف:Sass]]
 [[تصنيف: Sass Function]]