Início·Propriedades CSS

mask-size

Efeitos

Define o tamanho da imagem de máscara, com os valores de background-size.

Como escrevermask-size: auto;
Valores comunsauto, cover, contain, 100% 100%
HerdadaNão, para neste elemento
CategoriaEfeitos

Como ler

  • Uma propriedade herdada basta escrever no pai: todos os filhos recebem. Quase todas as de texto funcionam assim.
  • Um atalho reinicia o que você omite. Escrever só background: red também apaga a imagem de fundo definida antes.
  • Quando duas regras colidem vence o seletor mais específico; só com especificidade igual decide a ordem.
  • Anime transform e opacity para suavidade. Mudar width ou top obriga a recalcular o layout.

Perguntas frequentes

Q. O que é a propriedade CSS mask-size?

Define o tamanho da imagem de máscara, com os valores de background-size.

Q. Como se escreve mask-size?

Assim: mask-size: auto; Valores comuns: auto, cover, contain, 100% 100%.

Q. mask-size é herdada?

Não. Vale só onde você escreve, então cada elemento precisa da sua.

Q. A que grupo pertence mask-size?

Ao grupo efeitos.

Propriedades do mesmo grupo

Documentação