توابع hsla() 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() | ۱.۰ | ۹.۰ | ۳.۰ | ۳.۱ | ۱۰.۰ |
قوانین CSS
hsla(طیف رنگ, تراکم رنگ, نوازش, الفا)
| مقدار | توضیح |
|---|---|
| طیف رنگ | تعریف درجه چرخه رنگ (از ۰ تا ۳۶۰) - ۰ (یا ۳۶۰) قرمز است، ۱۲۰ سبز است و ۲۴۰ آبی است. |
| تراکم رنگ | تعریف میزان رنگینایی - ۰٪ خاکستری است و ۱۰۰٪ رنگی کامل (کاملاً رنگین) است. |
| نوازش | نور کی چمکداری کو معین کریں - 0% کالہ ہوتا ہے، 50% عادی، 100% وہی ہوتا ہے۔ |
| الفا | ناقابل شفافیت کو معین کریں، 0.0 (کاملاً شفاف) اور 1.0 (کاملاً غیر شفاف) کے درمیان کا عدد。 |
- پچھلے پہلہ
- آئندہ پہلہ
- ایک سینئر واپس سی ایس ایس فنکشن مراجع دستورجاتی
