Style opacity egenskap
- Föregående sida objectPosition
- Nästa sida order
- Gå tillbaka till föregående nivå HTML DOM Style objekt
Definition och användning
opacity egenskapen ställer in eller returnerar elementets opacitetsnivå.
Elementets opacitetsnivå (opacity-level) beskriver opacitetsnivån där 1 Ingen opacitet alls.0.5 Representerar 50% transparent.0 Representerar helt transparent.
Se också:
CSS referenshandbok:Opacity egenskapen
Exempel
Gör DIV-elementet transparent:
document.getElementById("myDIV").style.opacity = "0.5";
Syntax
Returnera opacity egenskapen:
object.style.opacity
Ställ in opacity egenskapen:
object.style.opacity = "number|initial|inherit"
Egenskapsvärde
| Värde | Beskrivning |
|---|---|
| number | Specificera opacitet. Från 0.0 (helt transparent) till 1.0 (inte transparent alls). |
| initial | Sätt detta egenskap till dess standardvärde. Se initial. |
| inherit | Följ från sitt föräldrelement detta egenskap. Se inherit. |
Tekniska detaljer
| Standardvärde: | 1 |
|---|---|
| Returvärdet: | Sträng som anger elementets genomsiktighetsnivå. |
| CSS-version: | CSS3 |
Webbläsarstöd
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Stöd | Stöd | Stöd | Stöd | Stöd |
- Föregående sida objectPosition
- Nästa sida order
- Gå tillbaka till föregående nivå HTML DOM Style objekt
