CSS rgb() فنکشن
- پچھلے پیج CSS repeating-radial-gradient() کا فنکشن
- آئندہ پیج CSS rotate() کا فنکشن
- ایک سطر اوپر واپس سی ایس ایس فنکشن مراجع دستور
تعریف و استعمال
CSS کا rgb() فنکشن استعمال کریں تاکہ رنگ کو تعین کریں (حالیہ-سبز-لعل رنگ ماڈل استعمال کیا جاتا ہے)۔ اور ایک اختیاری شفافیت چینل(رنگ کی شفافیت کا نمائندہ) اضافہ کیا جاسکتا ہے。
RGB رنگ کا ماخذ، rgb(لعل سبز آبی) تعین کریں۔ ہر پارامتر کی رنگ کی شدت کا تعین کرتا ہے، جو 0 سے 255 تک کا صرف عدد یا 0% سے 100% تک کا فیصد کا مقدار کرسکتا ہے。
مثال،rgb(0 0 255) کا مظہر بنادیا کا آبی ہوتا ہے، کیونکہ آبی پارامتر کو بہترین مقدار(255) دی گئی ہے، جبکہ دیگر پارامتر 0 پر ہیں。
توجہ:rgba() فونکشن یہ ہے rgb() فونکشن کا نامزدگی rgb() فونکشن
مثال
مختلف RGB(A) رنگوں کا تعین:
#p1 {background-color:rgb(255 0 0);} /* سرخ */
#p2 {background-color:rgb(0 255 0);} /* سبز */
#p3 {background-color:rgb(0 0 255);} /* آبی */
#p4 {background-color:rgb(192 192 192);} /* سورجی */
#p5 {background-color:rgb(255 255 0);} /* زرد */
#p6 {background-color:rgb(255 0 255);} /* کیپسی کولر */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* شفافیت کا کیپسی کولر */
#p8 {background-color:rgb(0 0 255 / 50%);} /* شفافیت کا آبی */
CSS زبان
مقادیر کا ترمیم کا زبان
rgb(R G B / A)
| مقادیر | وصف |
|---|---|
| R |
ضروری۔ زرد کی زور کا تعین کرتا ہے، 0 سے 255 کے درمیان کا صرف عدد یا 0% سے 100% کا صرف فیصد نمائش کرتا ہے。 بغیر کوئی بات استعمال کرسکتے ہیں none (0% کا برابر ہے)۔ |
| G |
ضروری۔ سرخ کی زور کا تعین کرتا ہے، 0 سے 255 کے درمیان کا صرف عدد یا 0% سے 100% کا صرف فیصد نمائش کرتا ہے。 بغیر کوئی بات استعمال کرسکتے ہیں none (0% کا برابر ہے)۔ |
| B |
ضروری۔ آبی کی زور کا تعین کرتا ہے، 0 سے 255 کے درمیان کا صرف عدد یا 0% سے 100% کا صرف فیصد نمائش کرتا ہے。 بغیر کوئی بات استعمال کرسکتے ہیں none (0% کا برابر ہے)۔ |
| / A |
اختیاری۔ رنگ کا شفافیت کا چینل کا مقادیر نمائش کرتا ہے، 0% (یا 0) پورا شفافیت، 100% (یا 1) پورا غیر شفافیت نمائش کرتا ہے。 بغیر کوئی بات استعمال کرسکتے ہیں none (شفافیت کا چینل نمائش کرسکتا ہے)۔ طبیعی مقادیر 100% ہیں。 |
مقادیر کا براہ راست نمائش کا زبان
rgb(from رنگ R G B / A)
| مقادیر | وصف |
|---|---|
| from رنگ |
اس کا آغاز 'from' کے ساتھ ہوتا ہے، بعد میں اصل رنگ کا نمائش کرنے والی رنگ کا نمائش کرتا ہے。 یہ ایک نسلی رنگ کی بنیاد پر آسانی سے آتا ہے。 |
| R |
ضروری۔ زرد کی زور کا تعین کرتا ہے، 0 سے 255 کے درمیان کا صرف عدد یا 0% سے 100% کا صرف فیصد نمائش کرتا ہے。 بغیر کوئی بات استعمال کرسکتے ہیں none (0% کا برابر ہے)۔ |
| G |
ضروری۔ سرخ کی زور کا تعین کرتا ہے، 0 سے 255 کے درمیان کا صرف عدد یا 0% سے 100% کا صرف فیصد نمائش کرتا ہے。 بغیر کوئی بات استعمال کرسکتے ہیں none (0% کا برابر ہے)۔ |
| B |
ضروری۔ آبی کی زور کا تعین کرتا ہے، 0 سے 255 کے درمیان کا صرف عدد یا 0% سے 100% کا صرف فیصد نمائش کرتا ہے。 بغیر کوئی بات استعمال کرسکتے ہیں none (0% کا برابر ہے)۔ |
| / A |
اختیاری۔ رنگ کا شفافیت کا چینل کا مقادیر نمائش کرتا ہے، 0% (یا 0) پورا شفافیت، 100% (یا 1) پورا غیر شفافیت نمائش کرتا ہے。 بغیر کوئی بات استعمال کرسکتے ہیں none (شفافیت کا چینل نمائش کرسکتا ہے)۔ طبیعی مقادیر 100% ہیں。 |
تکنیکی تفصیلات
| ورژن: | CSS2 |
|---|
براوزر سپورٹ
جداول میں دیکھی جانے والی اعداد پہلے اس فونکشن کو پورا طور پر سپورٹ کرنے والے براوزر کی نسلی شمار کی نمائش کرتی ہیں。
| کروم | ایج | فائرفاکس | سافاری | آپرا |
|---|---|---|---|---|
| rgb() | ||||
| 1 | 4 | 1 | 1 | 3.5 |
| rgb() سے شفافیت پارامتر کا استعمال | ||||
| 65 | 79 | 52 | 12.1 | 52 |
| اسپیس سے منقسم پارامتر | ||||
| 65 | 79 | 52 | 12.1 | 52 |
- پچھلے پیج CSS repeating-radial-gradient() کا فنکشن
- آئندہ پیج CSS rotate() کا فنکشن
- ایک سطر اوپر واپس سی ایس ایس فنکشن مراجع دستور
