From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/isolation/index.html | 118 ---------------------------------- files/fr/web/css/isolation/index.md | 118 ++++++++++++++++++++++++++++++++++ 2 files changed, 118 insertions(+), 118 deletions(-) delete mode 100644 files/fr/web/css/isolation/index.html create mode 100644 files/fr/web/css/isolation/index.md (limited to 'files/fr/web/css/isolation') diff --git a/files/fr/web/css/isolation/index.html b/files/fr/web/css/isolation/index.html deleted file mode 100644 index 3805c54c08..0000000000 --- a/files/fr/web/css/isolation/index.html +++ /dev/null @@ -1,118 +0,0 @@ ---- -title: isolation -slug: Web/CSS/isolation -tags: - - CSS - - Composition - - Propriété - - Reference -translation_of: Web/CSS/isolation ---- -
{{CSSRef}}
- -

La propriété isolation indique que l'élément crée un nouveau contexte d'empilement (stacking context).

- -
{{EmbedInteractiveExample("pages/css/isolation.html")}}
- -

Cette propriété s'avère particulièrement utile avec {{cssxref("mix-blend-mode")}} afin de ne mélanger que l'arrière plan d'un contexte d'empilement particulier.

- -

Syntaxe

- -
/* Valeurs avec mots-clés */
-isolation: auto;
-isolation: isolate;
-
-/* Valeurs globales */
-isolation: inherit;
-isolation: initial;
-isolation: unset;
-
- -

La propriété isolation est définie avec l'un des mots-clés suivants.

- -

Valeurs

- -
-
auto
-
Un mot-clé qui indique qu'un nouveau contexte d'empilement doit être créé uniquement si une propriété appliquée à l'élément le rend nécessaire.
-
isolate
-
Un mot-clé qui indique qu'un nouveau contexte d'empilement doit être créé.
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

CSS

- -
.a {
-  background-color: rgb(0,255,0);
-}
-#b {
-  width: 200px;
-  height: 210px;
-}
-.c {
-  width: 100px;
-  height: 100px;
-  border: 1px solid black;
-  padding: 2px;
-  mix-blend-mode: difference;
-}
-#d {
-  isolation: auto;
-}
-#e {
-  isolation: isolate;
-}
- -

HTML

- -
<div id="b" class="a">
-  <div id="d">
-    <div class="a c">auto</div>
-  </div>
-  <div id="e">
-    <div class="a c">isolate</div>
-  </div>
-</div>
-
- -

Résultat

- -

{{EmbedLiveSample('Exemples', 230, 230)}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('Compositing', '#isolation', 'Isolation')}}{{Spec2('Compositing')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.isolation")}}

- -

Voir aussi

- - diff --git a/files/fr/web/css/isolation/index.md b/files/fr/web/css/isolation/index.md new file mode 100644 index 0000000000..3805c54c08 --- /dev/null +++ b/files/fr/web/css/isolation/index.md @@ -0,0 +1,118 @@ +--- +title: isolation +slug: Web/CSS/isolation +tags: + - CSS + - Composition + - Propriété + - Reference +translation_of: Web/CSS/isolation +--- +
{{CSSRef}}
+ +

La propriété isolation indique que l'élément crée un nouveau contexte d'empilement (stacking context).

+ +
{{EmbedInteractiveExample("pages/css/isolation.html")}}
+ +

Cette propriété s'avère particulièrement utile avec {{cssxref("mix-blend-mode")}} afin de ne mélanger que l'arrière plan d'un contexte d'empilement particulier.

+ +

Syntaxe

+ +
/* Valeurs avec mots-clés */
+isolation: auto;
+isolation: isolate;
+
+/* Valeurs globales */
+isolation: inherit;
+isolation: initial;
+isolation: unset;
+
+ +

La propriété isolation est définie avec l'un des mots-clés suivants.

+ +

Valeurs

+ +
+
auto
+
Un mot-clé qui indique qu'un nouveau contexte d'empilement doit être créé uniquement si une propriété appliquée à l'élément le rend nécessaire.
+
isolate
+
Un mot-clé qui indique qu'un nouveau contexte d'empilement doit être créé.
+
+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Exemples

+ +

CSS

+ +
.a {
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 200px;
+  height: 210px;
+}
+.c {
+  width: 100px;
+  height: 100px;
+  border: 1px solid black;
+  padding: 2px;
+  mix-blend-mode: difference;
+}
+#d {
+  isolation: auto;
+}
+#e {
+  isolation: isolate;
+}
+ +

HTML

+ +
<div id="b" class="a">
+  <div id="d">
+    <div class="a c">auto</div>
+  </div>
+  <div id="e">
+    <div class="a c">isolate</div>
+  </div>
+</div>
+
+ +

Résultat

+ +

{{EmbedLiveSample('Exemples', 230, 230)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('Compositing', '#isolation', 'Isolation')}}{{Spec2('Compositing')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

{{Compat("css.properties.isolation")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf