Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

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.

Votre navigateur ne semble pas prendre en charge les techniques de masquage.
mask-clip :
Margin Border Padding Content

Prise en charge par les navigateurs (compatibilité).

Afficher les versions antérieures   Afficher la version à venir  

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.