این آموزش در تاریخ ۱۴۰۰/۱۰/۱۹ آپدیت شده است.
آموزش تابع rgba در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تابع rgba در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تابع rgba در CSS
با استفاده از تابع rgba ( مخفف Red Green Blue Alpha ) در CSS میتوان یک کد رنگی که از ۳ رنگ اصلی ( قرمز – سبز – آبی ) تشکیل شده است و مقدار هر کدام از ۰ تا ۲۵۵ یا از ۰% تا ۱۰۰% تشکیل شده است استفاده نمود.
مقدار آخر که آلفا یا Alpha می باشد، با استفاده از آن میتوان میزان شفافیت را مشخص کرد، که مقداری از ۰ تا ۱ یا از ۰٫۰ تا ۱٫۰ میتواند بپذیرد.
| نسخه | CSS2 |
|---|
Free-Learn
مثال از تابع rgba در CSS
در ادامه میتوانید یک مثال از این تابع را در زبان CSS مشاهده نمایید.
|
1 2 3 4 5 6 7 8 |
<style> .p1{ background-color: rgba(120,100,50,0.8); color: rgba(255,255,255,0.8); } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تابع rgba در CSS پشتیبانی میکنند یا خیر.
| نام تابع | Chrome | Firefox | Opera | Safari | Edge |
| ()rgba | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این تابع در CSS بصورت زیر می باشد.
|
1 |
rgba( red, green, blue, alpha ); |
Free-Learn
جدول مقادیر تابع rgba در CSS
در جدول زیر میتوانید، مقادیری را که میتوان در این تابع استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| red | محدوده رنگ قرمز – یک عدد از ۰ تا ۲۵۵ یا از ۰% تا ۱۰۰% |
| green | محدوده رنگ سبز – یک عدد از ۰ تا ۲۵۵ یا از ۰% تا ۱۰۰% |
| blue | محدوده رنگ آبی – یک عدد از ۰ تا ۲۵۵ یا از ۰% تا ۱۰۰% |
| alpha | میزان شفافیت رنگ – یک عدد از ۰ تا ۱ یا از ۰٫۰ تا ۱٫۰ |
Free-Learn
نکات و توضیحات
- برای تولید انواع رنگ های RGB میتوانید از ابزار آنلاین [ تولید رنگ ] فری لرن استفاده نمایید.
