CSS rgba() -toiminto

Esimerkki

Määritä erilaisia epäläpinäkyviä RGB-värejä (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Epäläpinäkyvä punainen */
#p2 {background-color:rgba(0,255,0,0.3);} /* Epäläpinäkyvä vihreä */
#p3 {background-color:rgba(0,0,255,0.3);} /* Epäläpinäkyvä sininen */

Kokeile itse

Määrittely ja käyttö

rgba() -toiminto käyttää punainen-vihreä-sininen-alfa (RGBA) -mallia värien määrittämiseen.

RGBA-väriarvo on RGB-väriarvon laajennus, ja se sisältää määritettävissä olevan väriläpinäkyvyyden alfa-kanavan.

Versio: CSS3

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä toimintoa täysin.

toiminto
rgba() 1.0 9.0 3.0 3.1 10.0

CSS-kieli

rgba(red, green, blue, alpha)
arvo kuvaus
red Määritä punaisen voimakkuus kokonaisluvulla välillä 0-255 tai prosenttiosuudella välillä 0-% 100.
green Määritä vihreän voimakkuus kokonaisluvulla välillä 0-255 tai prosenttiosuudella välillä 0-% 100.
blue Määritä sinisen voimakkuus kokonaisluvulla välillä 0-255 tai prosenttiosuudella välillä 0-% 100.
alpha Määritä läpinäkyvyys luvulla välillä 0.0 (täysin läpinäkyvä) ja 1.0 (täysin läpinäkyvä).