Style opacity -ominaisuus

Määrittely ja käyttö

opacity Ominaisuus asettaa tai palauttaa elementin läpinäkyvyysasteen.

Elementin läpinäkyvyysaste (opacity-level) kuvaa läpinäkyvyysastetta, jossa 1 ei lainkaan läpinäkyvää0.5 Edustaa 50% läpinäkyvyyttä,0 Edustaa täysin läpinäkyvää.

Lisäksi katso:

CSS viittausopas:Opacity-ominaisuus

Esimerkki

Tehtävä: Tee DIV-elementin läpinäkyväksi:

document.getElementById("myDIV").style.opacity = "0.5";

Kokeile itse

Syntaksi

Palauta opacity-ominaisuus：

object.style.opacity

Aseta opacity-ominaisuus：

object.style.opacity = "number|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
number Määritä läpinäkyvyys. Arvot vaihtelevat 0.0 (täysin läpinäkyvä) 1.0 (ei lainkaan läpinäkyvä).
initial Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso myös initial。
inherit Tämä ominaisuus perittyy isältä elementiltä. Katso myös inherit。

Tekninen yksityiskohta

Oletusarvo： 1
Palautusarvo： Merkkijono, joka ilmaisee elementin läpinäkyvyysasteen.
CSS-versio: CSS3

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki