Skip to content

Modificador fatiar imagem borda

Vitor Brandão edited this page Aug 20, 2023 · 3 revisions

O modificador FolEs fatiar-imagem-borda divide em regiões a imagem especificada pela propriedade origem-imagem-borda. Essas regiões formam os componentes da imagem de borda de um elemento.

Sintaxe

/* Todos os lados */
fatiar-imagem-borda: 30%;

/* superior e inferior | esquerda e direita */
fatiar-imagem-borda: 10% 30%;

/* superior | esquerda e direita | inferior */
fatiar-imagem-borda: 30 30% 45;

/* superior | direita | inferior | esquerda */
fatiar-imagem-borda: 7 12 14 5;

/* Usando o valor específico `preencher` */
fatiar-imagem-borda: 10% preencher 7 12;

/* Valores globais */
fatiar-imagem-borda: herdar;
fatiar-imagem-borda: inicial;
fatiar-imagem-borda: reverter;
fatiar-imagem-borda: reverter-camada;
fatiar-imagem-borda: desarmar;

Tradução para CSS

fatiar-imagem-borda é traduzido para border-image-slice.

Clone this wiki locally