Style opacity egenskab

Definition og brug

opacity egenskab indstiller eller returnerer elementets uigennemskinnelighedsniveau.

Elementets uigennemskinnelighedsniveau (opacity-level) beskriver uigennemskinnelighedsniveauet, hvor 1 fuldstændig uigennemskinnelighed,0.5 Repræsenterer 50% gennemsigtighed,0 Repræsenterer fuldstændig gennemsigtighed.

Se også:

CSS referencer:Opacity-egenskab

Eksempel

Gør DIV-elementet gennemsigtigt:

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

Prøv det selv

Syntaks

Retur opacity-egenskab:

object.style.opacity

Indstil opacity-egenskab:

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

Egenskabsværdi

Værdi Beskrivelse
number Angiver uigennemskinnelighed. Fra 0.0 (helt gennemsigtig) til 1.0 (ikke gennemsigtig).
initial Sæt denne egenskab til dens standardværdi. Se initial
inherit Arv denne egenskab fra forældrelementet. Se inherit

Tekniske detaljer

Standardværdi: 1
Returværdi: Streng, der angiver elementets ikke-gennemsigtighedsniveau.
CSS version: CSS3

Browser understøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Støtte Støtte Støtte Støtte Støtte