Atributo border-image-repeat do CSS
- página anterior border-image-outset
- Próxima página border-image-slice
definição e uso
A propriedade border-image-repeat define se a imagem da borda deve ser repetida (repetida), esticada (esticada) ou preenchida (arredondada).
veja também:
tutorial do CSS3:Bordas do CSS3
exemplo
defina como repetir a imagem da borda:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
sintaxe do CSS
border-image-repeat: stretch|repeat|round;
notas:Essa propriedade define como esticar e estampar a borda da imagem nos lados e no centro. Portanto, você pode especificar dois valores. Se o segundo valor for omitido, o valor do primeiro será adotado.
valor da propriedade
| valor | descrição |
|---|---|
| stretch | estique a imagem para preencher a área |
| repeat | estique (repete) a imagem para preencher a área. |
| round | semelhante ao valor repeat. Se não for possível esticar completamente todas as imagens, elas serão ajustadas para se encaixar na área. |
detalhes técnicos
| valor padrão: | stretch |
|---|---|
| herança: | não |
| versão: | CSS3 |
| Sintaxe do JavaScript: | object.style.borderImageRepeat="round" |
suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
ver border-image propriedade.
- página anterior border-image-outset
- Próxima página border-image-slice
