English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attribut opacity CSS spécifie la transparence d'un élément.
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
| Valeur par défaut : | 1 (opaque) |
|---|---|
| Appliqué à : | Tous les éléments |
| Héritage : | Non |
| Animable : | est.Veuillez consulter Attribut d'animation. |
| Version : | CSS3nouvelle fonction |
| Syntaxe JavaScript : | object.style.opacity=0.5 |
La syntaxe de cette propriété est la suivante :
opacity: alphavalue | initial | inherit
Les exemples suivants montrent comment utiliser l'attribut opacity.
img {
opacity: 0.25;
}
p {
opacity: 0.5;
}Voyons un exemple‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| alphavalue | 0 (complètement transparent) à1Dans la plage de (complètement opaque) des nombres. Toute valeur plus petite ou plus grande sera limitée à cette plage. |
| initial | Définissez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la valeur de l'attribut opacity de son élément parent. |
Compatibilité des navigateurs pour l'attribut opacity ; les numéros dans le tableau ci-dessous représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Remarque : Internet Explorer 8et les versions antérieures ne prennent pas en charge opacity, mais utilisent des méthodes de remplacement, uniquement Microsoft filterAimez-vous : filter: Alpha(opacity=50); pour en savoir plus surOpacité CSSPlus d'informations
Veuillez consulter les tutoriels concernant les éléments suivants :Opacité CSS,Valeur de couleur CSS.