Atributo Style borderImageRepeat
- Página anterior
- Próxima página
- Voltar à página anterior Objeto Style HTML DOM
Definição e uso
borderImageRepeat Define se a imagem da borda deve ser repetida (repetida), coberta (arredondada) ou esticada (esticada).
Veja também：
Manual de referência do CSS：Atributo border-image-repeat
Exemplo
Determina como a imagem da borda deve ser repetida：
document.getElementById("myDIV").style.borderImageRepeat = "round";
Sintaxe
Retornar o atributo borderImageRepeat：
objeto.style.borderImageRepeat
Definir o atributo borderImageRepeat：
objeto.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
Valor do atributo
| Valor | Descrição |
|---|---|
| stretch | Valor padrão. A imagem é esticada para preencher a área. |
| repeat | A imagem é repetida (repetida) para preencher a área. |
| round |
A imagem é repetida (repetida) para preencher a área. Se a área não for preenchida com um número completo de tijolos, redimensione a imagem para que ela se ajuste. |
| space |
A imagem é repetida (repetida) para preencher a área. Se a área não for preenchida com um número completo de tijolos, o espaço extra será distribuído ao redor dos tijolos. |
| initial | Defina este atributo para seu valor padrão. Veja também initial. |
| inherit | Herda este atributo do elemento pai. Veja também inherit. |
Detalhes técnicos
| Valor padrão: | stretch |
|---|---|
| Retorno: | Cadeia de caracteres, que representa o Atributo border-image-repeat. |
| Versão do CSS： | CSS3 |
Suporte do navegador
Os números na tabela indicam a versão do navegador que suporta plenamente essa propriedade.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Suporte | 11.0 | Suporte | 6.0 | 15.0 |
Ver também Propriedade borderImage.
- Página anterior
- Próxima página
- Voltar à página anterior Objeto Style HTML DOM
