CSS rgba()ฟังก์ชัน
ตัวอย่าง
กำหนดสี RGB ที่แตกต่างกันด้วยความทึบ (RGBA):
#p1 {background-color:rgba(255,0,0,0.3);} /* red with opacity*/
#p2 {background-color:rgba(0,255,0,0.3);} /* green with opacity */
#p3 {background-color:rgba(0,0,255,0.3);} /* blue with opacity */
ความหมายและการใช้งาน
ฟังก์ชัน rgba() กำหนดสีโดยใช้โมเดล Red-green-blue-alpha (RGBA)
ค่าสี RGBA เป็นส่วนขยายของค่าสี RGB ที่มีช่องอัลฟา - ซึ่งระบุความทึบของสี
| รุ่น: | CSS3 |
|---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับฟังก์ชันนี้อย่างเต็มที่
| Function | |||||
|---|---|---|---|---|---|
| rgba() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
ไวยากรณ์ CSS
rgba(red, green, blue, alpha)
| Value | Description |
|---|---|
| red | Defines the intensity of red as an integer between 0 and 255, or as a percentage value between 0% and 100% |
| green | Defines the intensity of green as an integer between 0 and 255, or as a percentage value between 0% and 100% |
| blue | Defines the intensity of blue as an integer between 0 and 255, or as a percentage value between 0% and 100% |
| alpha | Defines the opacity as a number between 0.0 (fully transparent) and 1.0 (fully opaque) |