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/mask-composite/index.html | 109 ----------------------------- 1 file changed, 109 deletions(-) delete mode 100644 files/fr/web/css/mask-composite/index.html (limited to 'files/fr/web/css/mask-composite/index.html') diff --git a/files/fr/web/css/mask-composite/index.html b/files/fr/web/css/mask-composite/index.html deleted file mode 100644 index 33b5bc3f26..0000000000 --- a/files/fr/web/css/mask-composite/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: mask-composite -slug: Web/CSS/mask-composite -tags: - - CSS - - Experimental - - Propriété - - Reference -translation_of: Web/CSS/mask-composite ---- -
{{CSSRef}}{{SeeCompatTable}}
- -

La propriété mask-composite permet d'effectuer une opération de composition entre le masque situé sur la couche de l'élément et le masque présent en dessous.

- -
/* Valeurs avec un mot-clé*/
-mask-composite: add;
-mask-composite: subtract;
-mask-composite: intersect;
-mask-composite: exclude;
-
-/* Valeurs globales */
-mask-composite: inherit;
-mask-composite: initial;
-mask-composite: unset;
-
- -

Syntaxe

- -

Un ou plusieurs mots-clés parmi ceux listés ci-après, chacun séparé par une virgule.

- -

Valeurs

- -

La couche du masque de l'élément est appelée source et les couches inférieures sont appelées destination.

- -
-
add
-
La source est placée sur la destination.
-
subtract
-
La source est placée lorsque la destination est vide à cet endroit.
-
intersect
-
Les endroits de la source qui chevauchent la destination prennent le pas sur la destination.
-
exclude
-
Les régions de la source et de la destination qui ne se chevauchent pas sont combinées.The non-overlapping regions of source and destination are combined.
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

CSS

- -
#masked {
-  width: 100px;
-  height: 100px;
-  background-color: #8cffa0;
-  -webkit-mask-image: url(https://mdn.mozillademos.org/files/12668/MDN.svg),
-                      url(https://mdn.mozillademos.org/files/12676/star.svg);
-  mask-image: url(https://mdn.mozillademos.org/files/12668/MDN.svg),
-              url(https://mdn.mozillademos.org/files/12676/star.svg);
-  mask-size: 100% 100%;
-  -webkit-mask-composite: add;
-  mask-composite: add; /* peut-être modifiée dans la démo */
-}
-
- - - - - -

{{EmbedLiveSample("Exemples", "200px", "200px")}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName("CSS Masks", "#the-mask-composite", "mask-composite")}}{{Spec2("CSS Masks")}}Définition initiale
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.mask-composite")}}

-- cgit v1.2.3-54-g00ecf