وظيفة CSS rgba()

مثال

تعريف ألوان RGB شفافة مختلفة (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* أحمر شفاف */
#p2 {background-color:rgba(0,255,0,0.3);} /* أخضر شفاف */
#p3 {background-color:rgba(0,0,255,0.3);} /* أزرق شفاف */

تجربة شخصية

التعريف والاستخدام

استخدام وظيفة rgba() لتعريف الألوان باستخدام نموذج Red-green-blue-alpha (RGBA).

قيمة اللون RGBA هي امتداد لقيمة اللون RGB، حيث يحتوي على قناة ألفا قابلة للتحديد لشفافية اللون.

الإصدار: CSS3

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الوظيفة بالكامل.

الوظيفة
rgba() 1.0 9.0 3.0 3.1 10.0

نصوص CSS

rgba(red, green, blue, الآلفا)
القيمة الوصف
red يُعرف شدة الأحمر بين 0 و 255 كعدد صحيح، أو بين 0٪ و 100٪ كنسبة مئوية.
green يُعرف شدة الأخضر بين 0 و 255 كعدد صحيح، أو بين 0٪ و 100٪ كنسبة مئوية.
blue يُعرف شدة الأزرق بين 0 و 255 كعدد صحيح، أو بين 0٪ و 100٪ كنسبة مئوية.
الآلفا تحديد الشفافية كعدد بين 0.0 (شفاف تمامًا) و 1.0 (غير شفاف تمامًا).