Exemplo
Especifique como para repetir a imagem-border:
document.getElementById("myDIV").style.borderImageRepeat = "round";
Tente você mesmo " Definição e Uso
Os borderImageRepeat conjuntos de propriedades ou retorna se a imagem de fronteiras devem ser repetidas, arredondado ou alongado.
Suporte navegador
A propriedade borderImageRepeat não é suportado no Opera.
A propriedade borderImageRepeat não é suportada no Internet Explorer 10 e anteriores.
A propriedade borderImageRepeat não é suportado no Safari 5 e anteriores.
Olhe para o borderImage propriedade em vez!
Sintaxe
Devolver o imóvel borderImageRepeat:
object .style.borderImageRepeat
Defina a propriedade borderImageRepeat:
object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"
Valores de propriedade
Valor | Descrição |
---|---|
stretch | Valor padrão. A imagem é ampliada para preencher a área |
repeat | A imagem é de azulejos (repeated) para preencher a área |
round | A imagem é de azulejos (repeated) para preencher a área. Se não preencher a área com um número inteiro de telhas, a imagem é redimensionada para que caiba |
space | A imagem é de azulejos (repeated) para preencher a área. Se não preencher a área com um número inteiro de azulejos, o espaço extra é distribuído em torno das telhas |
initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
Valor padrão: | esticam |
---|---|
Valor de retorno: | A String, que representa a propriedade-border-image repetição de um elemento |
CSS Versão | CSS3 |
Páginas relacionadas
Referência CSS: border-image-repeat property
<Estilo de objeto