CSS właściwość mask-size

Definicja i użycie

mask-size Atrybut określa rozmiar obrazu maski.

Ustaw rozmiar obrazu maski (w procentach):

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

Ustaw rozmiar obrazu maski (w pikselach):

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

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

Wartość	Opis
auto	Domyślna wartość.
rozmiar	Określ rozmiar obrazu maski, można użyć jednostek takich jak px, em, lub %.
contain	Skaluj obraz maski, aby szerokość i wysokość mogły dostosować się do wewnętrznego kontenera.
cover	Skaluj obraz maski, aby szerokość i wysokość mogły pokryć kontener.
initial	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Dochodzi do tej właściwości od elementu nadrzędnego. Zobacz: inherit.

Domyślna wartość:	auto
Inheritance:	Nie
Tworzenie animacji:	Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja:	Moduł Maskowania CSS Poziom 1
Gramatyka JavaScript:	object.style.maskSize="100px 200px"