دليل CSS

قواعد CSS @

كامل خصائص CSS

دالة CSS rgba()

يمكن استخدام دالة CSS rgba() لتقديم قيمة لون مع شفافية alpha عند استخدام CSS. تسمح لك هذه الدالة بتحديد قيمة لون RGB، بالإضافة إلى قيمة alpha لتحديد شفافية اللون.

CSS الدوال

مثال على الإنترنت

استخدام لون RGBA، واستخدام الشفافية:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>التعليمات الأساسية(oldtoolbag.com)</title>
<style>
#p1 {background-color:rgb(255,0,0,0.3);}
#p2 {background-color:rgb(0,255,0,0.3);}
#p3 {background-color:rgb(0,0,255,0.3);}
#p4 {background-color:rgb(192,192,192,0.3);}
#p5 {background-color:rgb(255,255,0,0.3);}
#p6 {background-color:rgb(255,0,255,0.3);}
</style>
</head>
<body>
لون RGB، واستخدام الشفافية:</p>
<p id="p1">الأحمر</p>
<p id="p2">الأخضر</p>
<p id="p3">الأزرق</p>
<p id="p4">الرمادي</p>
<p id="p5">الأصفر</p>
<p id="p6">اللون الفراولة</p>
</body>
</html>

الاختبار لمعرفة ‹/›

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

تستخدم دالة rgba() المركب من الأحمر (R)، الأخضر (G)، الأزرق (B)، والشفافية (A) لإنشاء جميع أنواع الألوان المختلفة.

RGBA تعني الأحمر، الأخضر، الأزرق، الشفافية (باللغة الإنجليزية: Red, Green, Blue, Alpha).

الأحمر (R)عدد صحيح بين 0 إلى 255، يمثل مكون الأحمر في اللون.
الأخضر (G)عدد صحيح بين 0 إلى 255، يمثل مكون الأخضر في اللون.
الأزرق (B)عدد صحيح بين 0 إلى 255، يمثل مكون الأزرق في اللون.
الشفافية (A)القيمة بين 0~1، تمثل الشفافية.

الإصدارات المدعومة: CSS3

تطابق المتصفحات

الرقم في الجدول يُمثل إصدار أولى متصفح يدعم هذه الدالة.

الدالة
rgba()	1.0	4.0	1.0	1.0	3.5

نحوحة CSS

rgba(الأحمر, الأخضر, الأزرق, الشفافية)

القيمة	الوصف
الأحمر	تحديد قيمة الأحمر، التي تتراوح بين 0 ~ 255، ويمكن أيضًا استخدام النسبة المئوية 0% ~ 100%.
الأخضر	تحديد قيمة الأخضر، التي تتراوح بين 0 ~ 255، ويمكن أيضًا استخدام النسبة المئوية 0% ~ 100%.
الأزرق	تحديد قيمة الأزرق، التي تتراوح بين 0 ~ 255، ويمكن أيضًا استخدام النسبة المئوية 0% ~ 100%.
الشفافية alpha	تحديد الشفافية 0 (شفافية كاملة) ~ 1 (لا شفافية على الإطلاق)

CSS الدوال

قاعدة CSS @charset وظائف CSS