Atributo border-image-source do CSS

Definição e uso

A propriedade border-image-source define a imagem a ser usada, em vez do estilo da borda definido na propriedade border-style.

Dica:Se o valor for "nenhum", ou se a imagem não puder ser exibida, use o estilo da borda.

Veja também:

Tutorial do CSS3:Borda do CSS3

Exemplo

Usar uma imagem como borda ao redor do elemento div:

div
{
border-image-source: url(border.png);
}

Sintaxe do CSS

border-image-source: none|image;

Valor da propriedade

Valor Descrição
nenhum Não usar imagem.
image Caminho da imagem usada como borda.

Detalhes técnicos

Valor padrão: nenhum
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.style.borderImageSource="url(border.png)"

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

Consulte border-image propriedade.