Skip to content

Modificador máscara

Jump to bottom
Vitor Brandão edited this page May 17, 2023 · 3 revisions

O modificador FolEs máscara é uma propriedade de atribuição abreviada que oculta um elemento (parcial ou totalmente), mascarando ou recortando a imagem em pontos específicos.

Sintaxe

/* Valores específicos */
máscara: nenhuma;
máscara: auto;
máscara: alfa;
máscara: luminância;
máscara: fonte-correspondente;
máscara: conter;
máscara: cobrir;
máscara: repetir-horizontal;
máscara: repetir-vertical;
máscara: repetir;
máscara: espaçar;
máscara: arredondar;
máscara: não-repetir;
máscara: arredondar;
máscara: adicionar;
máscara: subtrair;
máscara: cruzar;
máscara: excluir;
máscara: conteúdo-caixa;
máscara: preenchimento-caixa;
máscara: borda-caixa;
máscara: margem-caixa;
máscara: completar-caixa;
máscara: delimitar-caixa;
máscara: visualizar-caixa;
máscara: não-recortar;
máscara: borda;
máscara: preenchimento;
máscara: conteúdo;
máscara: texto;

/* Valores de imagem */
máscara: url(mask.png); /* Imagem PNG utilizada como máscara */
máscara: url(masks.svg#star); /* Elemento #star contido nos gráficos do arquivo SVG utilizado como máscara */

/* Valores combinados */
máscara: url(masks.svg#star) luminância; /* Elemento do arquivo SVG utilizado como máscara com luminância */
máscara: url(masks.svg#star) 40px 20px; /* Elemento do arquivo SVG utilizado como máscara e posicionado 40px da região superior e 20px da região esquerda */

/* Valores globais */
máscara: herdar;
máscara: inicial;
máscara: reverter;
máscara: reverter-camada;
máscara: desarmar;

Atribuição Abreviada

Esta propriedade é um atalho para as seguintes propriedades FolEs:

Propriedade FolEs

Há duas nomenclaturas válidas para referenciar este modificador, sendo elas:

  • máscara
  • mascara

Tradução para CSS

máscara é traduzido para mask.

Clone this wiki locally