isolation - Propriété CSS
Résumé des caractéristiques de la propriété isolation
auto
| isolate
auto
isolation
ne peut pas être animée.Description de la propriété isolation
.
Définit comment un élément doit interagir avec son parent, du point de vue des couleurs.
isolation
est utile lorsque des modes de mélange ont été définis (voir les propriétés mix-blend-mode
et
background-blend-mode
).
Valeurs pour isolation
.
- isolation: auto;
Le navigateur décide s'il est nécessaire de créer un niveau d'isolation ou pas. Généralement aucun niveau d'isolation n'est créé.
- isolation: isolate;
Un niveau d'isolation est créé.
- isolation:
initial
; isolation:inherit
; isolation:revert
; isolation:revert-layer
; isolation:unset
;La valeur initiale est :
.auto
Animation.
Il n'est pas possible d'animer la propriété isolation
.
Simulateur.
Voici comment est construite cette démonstration pour la propriété isolation
:
une image (le ballon) est dans un div transparent, qui est lui même dans un autre div
avec un fond graphique (la texture aux oiseaux).
L'image est "mélangée" avec l'arrière-plan par sa propriété mix-blend-mode
. On voit bien en effet
que le motif aux oiseaux interagit avec le ballon. Précisons que le ballon lui-même est blanc et noir, qu'il
n'a pas de parties transparentes.
Le simulateur applique la propriété isolation
au div transparent.
Observez que cet élément peut isoler l'image de l'arrière-plan et empêcher ainsi leur interaction.
Prise en charge par les navigateurs (compatibilité).
La propriété est correctement reconnue par les navigateurs actuels.
L'ancien navigateur Internet Explorer ne la prend pas en charge.
isolation
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
Opéra
Opéra Mobile
Safari
Safari sur IOS
Samsung Internet
Voir aussi, dans le même module de standardisation que isolation
.
Les spécifications CSS éditées par le W3C sont organisées en modules. isolation
fait partie du Compositions et mélanges (Compositing and Blending). Les définitions suivantes sont également décrites dans ce même module.