CSS - Propriété mask-clip

Description de la propriété mask-clip.

La propriété mask-clip est expérimentale. Ne l'utiliser qu'après avoir vérifié sa compatibilité avec les navigateurs, et si nécessaire, utilisez les préfixes constructeur (-moz-, -webkit-, etc.).

La propriété mask-clip définit la zone de l'élément qui sera concernée par le masque.

Pour des explications plus complète sur le masquage, reportez-vous à la propriété raccourcie mask.

Valeurs pour mask-clip.

• mask-clip: content-box;

  Seul le contenu de l'élément est affecté par le masquage, à l'exclusion de ses marges intérieures (padding) et de sa bordure.

• mask-clip: padding-box;

  Le contenu et les marges intérieures (padding) de l'élément sont affectés par le masque, mais pas la bordure.

• mask-clip: border-box;

  Le contenu, les marges intérieures et la bordure de l'élément sont affectés par le masque.

• mask-clip: no-clip;

  Aucune découpe n'est effectuée.

• mask-clip: fill-box; mask-clip: stroke-box; mask-clip: view-box;

  Ces trois valeurs sont applicables aux éléments du type SVG.

• mask-clip: initial;

  La valeur initiale est auto.

• mask-clip: unset; mask-clip: inherit;

  Reportez-vous à la description générale de ces valeurs.

Simulateur.

Prise en charge par les navigateurs (compatibilité).

Afficher le tableau de compatibilité (informations fournies par canIuse.com).

Voir aussi...

Masquage - Propriétés.

• mask : Résumé des paramètres de masquage.
• mask-image : Image ou le fichier SVG qui sera utilisé comme masque
• mask-mode : Mode de masquage (couche alpha, luminance...)
• mask-origin : Référence pour le positionnement du masque.
• mask-position : Position du masque.
• mask-repeat : Mode de répétition du masque si celui-ci est plus petit que l'élément à masquer.
• mask-size : Dimensions du masque.