CSS mask-size ominaisuus

Määrittely ja käyttö

mask-size Ominaisuus määrittää peittokuvan kuvan koko.

Aseta peittokuvan kuvan koko (prosentteina):

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

Aseta peittokuvan kuvan koko (pikseleissä):

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

Arvo	Kuvaus
auto	Oletusarvo.
size	Määritä peittokuvan koko, voit käyttää px, em jne. yksiköitä tai %.
contain	Skaalaa peittokuvan kuva siten, että sen leveys ja korkeus sopivat konteinerin sisälle.
cover	Skaalaa peittokuvan kuva siten, että sen leveys ja korkeus peittävät konteinerin.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Periisi isäntäelementistä tämän ominaisuuden. Katso: inherit.