O melhor tutorial CSS3-imagem Beira-repeat propriedade em 2024. Neste tutorial você pode aprender Exemplos,Definições e uso,Suporte a navegadores,CSS Syntax,Valor de propriedade,Páginas relacionadas,

CSS3-imagem Beira-repeat propriedade

Exemplos

Defina o modo de repetição da imagem:

div {
border-image-source: url ( border.png);
border-image-repeat: repeat;
}

tente »

Definições e uso

atributo-border-image repeat se o limite de imagem deve ser repetida (repetida), tração (esticada) ou coberta (arredondado).

Dica: Você pode ver o border-image propriedade (propriedade estenográfica usado para definir todas as propriedades * border-image-).

padrão: trecho
Herdado: não
Animação: Não. Veja animatable
versão: CSS3
sintaxe JavaScript: objeto .style.borderImageRepeat = "round"tentar


Suporte a navegadores

Números na tabela representam o primeiro navegador a suportar esta versão dos acontecimentos.

propriedade
border-image-repeat 15,0 11.0 15,0 6 15,0


CSS Syntax

border-image-repeat: Estiramento | repeat | rodada | inicial | herdar;

Nota: Este atributo especifica como estendida e o layout das arestas e a parte do meio da moldura da imagem.Portanto, você pode especificar dois valores. Se o segundo valor é omitido, e o primeiro a ter o mesmo valor.

Valor de propriedade

valor descrição Exemplos
trecho Padrão. Esticar a imagem para preencher a área Veja exemplos »
repetição Azulejo (repetido) para preencher a área da imagem. Veja exemplos »
redondo Similar valor de repetição. Se você não pode completar todos imagem em mosaico, a imagem será dimensionada para caber na área. Veja exemplos »
espaço Similar valor de repetição. Se não for possível concluir todas as imagens de azulejos, espaço de expansão serão distribuídos ao redor da imagem
inicial Definir essa propriedade para o valor padrão. veja inicial Veja exemplos »
herdar Esta propriedade é herdada do elemento pai. veja herdar


Páginas relacionadas

CSS3 tutorial: Border CSS3

CSS Referência: propriedade border-Imagem

Referência CSS: border-image-REPEAT propriedade

Referência CSS: border-image-Slice propriedade

Referência CSS: border-image-Source propriedade

Referência CSS: border-width atributo-Imagem

HTML DOM Referência: propriedade borderImageRepeat

CSS3-imagem Beira-repeat propriedade
10/30