Manuale di riferimento CSS

proprietà-CSS

mask-size L'attributo specifica la dimensione dell'immagine di maschera.

Impostare la dimensione dell'immagine di maschera (in percentuale):

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

Impostare la dimensione dell'immagine di maschera (in pixel):

.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;

Valore	Descrizione
auto	Valore predefinito.
dimensione	Specificare la dimensione dell'immagine di maschera, può utilizzare unità come px, em, o utilizzare %.
contain	Scala l'immagine di maschera in modo che la larghezza e l'altezza si adattino all'interno del contenitore.
cover	Scala l'immagine di maschera in modo che la larghezza e l'altezza coprano il contenitore.
initial	Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit	Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Valore predefinito:	auto
Ereditarietà:	No
Produzione di animazioni:	Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	Modulo di Maschera CSS Livello 1
Sintassi JavaScript:	object.style.maskSize="100px 200px"