Atributo Style borderImageSource

Definição e uso

borderImageSource O atributo define ou retorna a imagem a ser usada, não o estilo de borda fornecido pelo atributo border-style.

Dica:Se o valor for "none"ou a imagem não pode ser exibida, será usada a estilo de borda.

Veja também:

Manual de referência CSS:Atributo border-image-source

Exemplo

Usar imagem como borda do elemento div:

document.getElementById("myDIV").style.borderImageSource = "url(border.png)";

Experimente você mesmo

Sintaxe

Retornar borderImageSource:

object.style.borderImageSource

Definir borderImageSource:

object.style.borderImageSource = "none|image|initial|inherit"

Valor do atributo

Valor Descrição
none Nenhuma imagem será usada.
image Caminho do arquivo de imagem a ser usado como borda.
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: none
Retorno: String que representa o Atributo border-image-source。
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

Por favor, consulte Propriedade borderImage!