Manuel de référence CSS

propriété-CSS

mask-size L'attribut spécifie la taille de l'image de masquage.

Définir la taille de l'image de masquage (en pourcentage) :

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 70%;
  mask-repeat: no-repeat;
}

Définir la taille de l'image de masquage (en pixels) :

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 200px 200px;
  mask-repeat: no-repeat;
}

mask-size: auto|size|contain|cover|initial|inherit;

Valeur	Description
auto	Valeur par défaut.
size	Spécifier la taille de l'image de masquage, en utilisant des unités telles que px, em, ou en pourcentage (%).
contain	Agrandir l'image de masquage pour qu'elle s'adapte à la largeur et à la hauteur de l'intérieur du conteneur.
cover	Agrandir l'image de masquage pour qu'elle couvre à la fois la largeur et la hauteur du conteneur.
initial	Régler cette propriété sur sa valeur par défaut. Voir initial.
inherit	Inherits cette propriété de son élément parent. Voir inherit.

Valeur par défaut :	auto
Héritabilité :	Non
Réalisation de l'animation :	Non pris en charge. Voir :Attributs liés aux animations.
Version :	Module de masquage CSS niveau 1
Syntaxe JavaScript :	object.style.maskSize="100px 200px"