Atribut mask-size CSS

Definisi dan penggunaan

mask-size Atribut menentukan ukuran gambar masker.

Atur ukuran gambar masker (dalam persen):

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

Atur ukuran gambar masker (dalam piksel):

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

Nilai	Deskripsi
auto	Nilai default.
size	Tentukan ukuran gambar masker, dapat menggunakan unit px, em, atau menggunakan %.
contain	Menskalakan gambar masker, sehingga lebar dan tingginya dapat sesuai dengan internal kontainer.
cover	Menskalakan gambar masker, sehingga lebar dan tingginya dapat menutupi kontainer.
initial	Atur atribut ini ke nilai default. Lihat initial.
inherit	Mengambil atribut ini dari elemen induknya. Lihat inherit.

Nilai default:	auto
Inheritance:	Tidak
Pembuatan animasi:	Tidak didukung. Lihat:Atribut- atribut animasi.
Versi:	Modul Masking CSS Level 1
Syntaks JavaScript:	object.style.maskSize="100px 200px"