Modificador borda máscara - DesignLiquido/FolEs GitHub Wiki

O modificador FolEs borda-máscara é uma propriedade de atribuição abreviada que permite criar uma máscara ao longo da borda de um elemento.

Sintaxe

/* origem | fatiar */
borda-máscara: url("border-mask.png") 25;

/* origem | fatiar | repetição */
borda-máscara: url("border-mask.png") 25 espaçar;

/* origem | fatiar | largura */
borda-máscara: url("border-mask.png") 25 / 35px;

/* origem | fatiar | largura | início | repetição | modo */
borda-máscara: url("border-mask.png") 25 / 35px / 12px espaçar alpha;

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

Propriedade FolEs

Há duas nomenclaturas válidas para referenciar este modificador:

  • borda-máscara;
  • borda-mascara.

Atribuição abreviada

Esta propriedade é um atalho para as seguintes propriedades FolEs:

Tradução para CSS

borda-em-bloco é traduzido para mask-border.