CSS rgba() functie
- Vorige pagina
- Volgende pagina
- Ga een niveau omhoog CSS Functie Referentie Handboek
Voorbeeld
Definieer verschillende RGB-kleuren met ondoorzichtigheid (RGBA):
#p1 {achtergrondkleur:rgba(255,0,0,0.3);} /* Rood met ondoorzichtigheid */
#p2 {achtergrondkleur:rgba(0,255,0,0.3);} /* Groen met ondoorzichtigheid */
#p3 {achtergrondkleur:rgba(0,0,255,0.3);} /* Blauw met ondoorzichtigheid */
Definitie en gebruik
De rgba() functie definieert de kleur met behulp van het Red-green-blue-alpha (RGBA) model.
De RGBA-kleurenwaarde is een uitbreiding van de RGB-kleurenwaarde, die een alpha-kanaal heeft dat de kleurtransparantie kan specificeren.
| Versie: | CSS3 |
|---|
Browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die deze functie volledig ondersteunt.
| Functie | |||||
|---|---|---|---|---|---|
| rgba() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
CSS syntaxis
rgba(red, green, blue, alpha)
| Waarde | Beschrijving |
|---|---|
| red | De rode intensiteit wordt gedefinieerd als een geheel getal tussen 0 en 255, of een procentwaarde tussen 0% en 100%. |
| green | De groene intensiteit wordt gedefinieerd als een geheel getal tussen 0 en 255, of een procentwaarde tussen 0% en 100%. |
| blue | De blauwe intensiteit wordt gedefinieerd als een geheel getal tussen 0 en 255, of een procentwaarde tussen 0% en 100%. |
| alpha | Definieer de ondoorzichtigheid als een getal tussen 0.0 (volledig doorschijnend) en 1.0 (geen doorschijnendheid). |
- Vorige pagina
- Volgende pagina
- Ga een niveau omhoog CSS Functie Referentie Handboek
