Attribut opacity CSS
- Page précédente offset-rotate
- Page suivante order
Définition et utilisation
La propriété opacity définit le niveau d'opacité de l'élément.
Voir également :
Tutoriel CSS :Transparence d'image CSS
Tutoriel CSS :Couleurs CSS
Manuel de référence HTML DOM :Propriété opacity
Exemple
Définir le niveau d'opacité de l'élément div :
div
{
opacity:0.5;
}
Vous pouvez trouver plus d'exemples en bas de cette page.
Syntaxe CSS
opacity: valeur|hérité;
Valeur de l'attribut
| Valeur | Description | Test |
|---|---|---|
| valeur | Définir l'opacité. De 0.0 (complètement transparent) à 1.0 (complètement opaque). | Test |
| hérité | L'opacité devrait être héritée de la valeur de l'élément parent. |
Détails techniques
| Valeur par défaut : | 1 |
|---|---|
| Héritabilité : | non |
| Version : | CSS3 |
| Syntaxe JavaScript : | object.style.opacity=0.5 |
Plus d'exemples
- Modifier l'opacité d'un élément
- Cet exemple montre comment utiliser JavaScript pour modifier l'opacité d'un élément.
Prise en charge du navigateur
Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Remarque :Les versions IE8 et antérieures supportent la propriété filter alternative. Par exemple : filter:Alpha(opacity=50).
- Page précédente offset-rotate
- Page suivante order
