Propriété opacity du style

Définition et utilisation

opacity la propriété définit ou retourne le niveau d'opacité de l'élément.

Le niveau d'opacité (opacity-level) de l'élément décrit le niveau de transparence, où 1 complètement opaque,0.5 représente 50% de transparence,0 représente une transparence complète.

Voir également :

Manuel CSS :Propriété opacity

Exemple

Rendre le DIV transparent :

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

Essayez-le vous-même

Syntaxe

Retourner la propriété opacity :

object.style.opacity

Définir la propriété opacity :

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

Valeur de l'attribut

Valeur Description
number Définit l'opacité. De 0.0 (complètement transparent) à 1.0 (complètement opaque).
initial Réinitialise cette propriété à sa valeur par défaut. Voir également initial.
inherit Cette propriété est héritée de l'élément parent. Voir également inherit.

Détails techniques

Valeur par défaut : 1
Retour valeur : Chaîne qui représente le niveau d'opacité de l'élément.
Version CSS : CSS3

Prise en charge du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support