CSS mask-size egenskap

Definition och användning

mask-size Egenskapen specificerar storleken på skärmskyddets bild.

Ställ in storleken på skärmbilden för skärmskyddet (i procent):

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

Ställ in storleken på skärmbilden för skärmskyddet (i pixlar):

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

Värde	Beskrivning
auto	Standardvärde.
size	Specificera storleken på skärmbilden, du kan använda enheter som px, em, eller använda %.
contain	Skala skärmbilden så att dess bredd och höjd kan anpassa sig till behållarens inre.
cover	Skala skärmbilden så att dess bredd och höjd kan täcka behållaren.
initial	Sätt detta egenskap till dess standardvärde. Se till: initial.
inherit	Följande föräldrelementet är detta egenskap. Se till: inherit.

Standardvärde:	auto
Arv:	Nej
Animeringsproduktion:	Stöds inte. Se till:Animeringsrelaterade egenskaper.
Version:	CSS Masking Module Level 1
JavaScript-syntax:	object.style.maskSize="100px 200px"