Attributo Style opacity

Definizione e uso

opacity L'attributo imposta o restituisce il livello di opacità dell'elemento.

Il livello di opacità dell'elemento (opacity-level) descrive il livello di opacità, dove 1 Completamente opaco,0.5 Rappresenta il 50% di trasparenza,0 Rappresenta completamente trasparente.

Vedi anche:

Manuale CSS:Attributo opacity

Esempio

Rendi il elemento DIV trasparente:

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

Prova tu stesso

Sintassi

Restituisce l'attributo opacity:

object.style.opacity

Imposta l'attributo opacity:

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

Valore dell'attributo

Valore Descrizione
number Definisce l'opacità. Da 0.0 (completamente trasparente) a 1.0 (completamente opaco).
initial Imposta questa proprietà al suo valore predefinito. Vedi initial
inherit Inherita questa proprietà dal suo elemento padre. Vedi inherit

Dettagli tecnici

Valore predefinito: 1
Valore di ritorno: Stringa che rappresenta il livello di opacità dell'elemento.
Versione CSS: CSS3

Supporto del browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto