ฟังก์ชัน rgba() ของ CSS
- หน้าก่อนหน้า
- หน้าต่อไป
- กลับไปยังเวอร์ชั่นขึ้นหนึ่ง คู่มืออ้างอิงฟังก์ชัน CSS
ตัวอย่าง
กำหนดสี RGB ที่มีความโปร่งใสต่าง ๆ (RGBA):
#p1 {background-color:rgba(255,0,0,0.3);} /* สีแดงที่มีความโปร่งใส */
#p2 {background-color:rgba(0,255,0,0.3);} /* สีเขียวที่มีความโปร่งใส */
#p3 {background-color:rgba(0,0,255,0.3);} /* สีน้ำเงินที่มีความโปร่งใส */
การกำหนดและการใช้งาน
ฟังก์ชัน rgba() ใช้โมเดล Red-green-blue-alpha (RGBA) ที่กำหนดสี
ค่าสี RGBA คือการขยายค่าสี RGB โดยมีช่องโซ่ alpha ที่สามารถกำหนดความโปร่งใสของสี
| เวอร์ชั่น: | CSS3 |
|---|
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางระบุว่าบราวเซอร์แรกที่สนับสนุนความสามารถนี้อย่างเต็มที่
| ฟังก์ชัน | |||||
|---|---|---|---|---|---|
| rgba() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
CSS ภาษา
rgba(red, green, blue, alpha)
| ค่า | การอธิบาย |
|---|---|
| red | กำหนดความรุนแรงของสีสีแดงในรูปแบบตัวเลขที่อยู่ในขอบเขต 0 ถึง 255 หรือ 0% ถึง 100% ของอัตราส่วนเปอร์เซ็นต์ |
| green | กำหนดความรุนแรงของสีสีเขียวในรูปแบบตัวเลขที่อยู่ในขอบเขต 0 ถึง 255 หรือ 0% ถึง 100% ของอัตราส่วนเปอร์เซ็นต์ |
| blue | กำหนดความรุนแรงของสีสีน้ำเงินในรูปแบบตัวเลขที่อยู่ในขอบเขต 0 ถึง 255 หรือ 0% ถึง 100% ของอัตราส่วนเปอร์เซ็นต์ |
| alpha | กำหนดความชัดเจนให้เป็นตัวเลขที่อยู่ระหว่าง 0.0 (สม่ำสมอโปร่ง) และ 1.0 (ไม่โปร่งเลย) |
- หน้าก่อนหน้า
- หน้าต่อไป
- กลับไปยังเวอร์ชั่นขึ้นหนึ่ง คู่มืออ้างอิงฟังก์ชัน CSS
