Propriedade borderImage do estilo

Definição e uso

borderImage A propriedade é uma abreviação para definir a seguinte propriedade:

Valores omitidos são definidos como seu valor padrão.

Veja também:

Manual de referência CSS:Propriedade border-image

Exemplo

Especificar a imagem como borda do elemento <div>:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Experimente você mesmo

Sintaxe

Retornar a propriedade borderImage:

object.style.borderImage

Definir a propriedade borderImage:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Valor da propriedade

Valor Descrição
borderImageSource O caminho da imagem a ser usada como borda.
borderImageSlice Deslocamento interno da borda da imagem.
borderImageWidth Largura da borda da imagem.
borderImageOutset A quantidade que a área da imagem da borda ultrapassa a caixa de borda (border box).
borderImageRepeat O borda da imagem deve ser repetida (repetida), coberta (arredondada) ou esticada (esticada)?
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: none 100% 1 0 stretch
Retorno: String que representa a Propriedade border-image.
Versão do CSS: CSS3

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0