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
. -
Reportez-vous à la description générale de ces valeurs.
Simulateur.
mask-clip
:
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 masquemask-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.