دالة hsla() في CSS
- الصفحة السابقة
- الصفحة التالية
- العودة إلى المستوى السابق كتيب مراجعة وظائف CSS
مثال
تعريف ألوان HSL مختلفة مع شفافية
#p1 {background-color:hsla(120,100%,50%,0.3);} /* اللون الأخضر */
#p2 {background-color:hsla(120,100%,75%,0.3);} /* اللون الأخضر الفاتح */
#p3 {background-color:hsla(120,100%,25%,0.3);} /* اللون الأخضر الداكن */
#p4 {background-color:hsla(120,60%,70%,0.3);} /* اللون الأزرق الفاتح */
التعريف والاستخدام
استخدام دالة hsla() يعتمد على نموذج Hue-saturation-lightness-alpha (HSLA) لتحديد اللون.
قيمة اللون HSLA هي توسيع لقيمة اللون HSL، تحتوي على قناة ألفا - تقوم هذه القناة بتحديد شفافية اللون.
| الإصدار: | CSS3 |
|---|
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الميزة بشكل كامل.
| دالة | |||||
|---|---|---|---|---|---|
| hsla() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
جملة CSS
hsla(اللون, الكثافة, نقاء, alpha)
| القيمة | الوصف |
|---|---|
| اللون | تعريف درجة العجلة على العجلة اللونية (من 0 إلى 360) - 0 (أو 360) هي الأحمر، 120 هي الأخضر، 240 هي الأزرق. |
| الكثافة | تعريف الكثافة - 0% هي درجة الرمادي، بينما 100% هي الألوان الكاملة (التشبع الكامل). |
| نقاء | يحدد إضاءة - 0% هو الأسود، 50% هو العادي، 100% هو الأبيض. |
| alpha | يحدد الرقم الغير شفاف بين 0.0 (شفاف تمامًا) و 1.0 (غير شفاف تمامًا). |
- الصفحة السابقة
- الصفحة التالية
- العودة إلى المستوى السابق كتيب مراجعة وظائف CSS
