Latest web development tutorials

propriedade HTML DOM Estilo borderImageSource

Estilo Object Reference estilo Objects

Exemplos

Usar uma imagem como uma borda em torno do elemento div:

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

tente »

Definição e Uso

borderImageSource conjuntos de propriedades ou retorna a imagem que você deseja usar, em vez de usar a propriedade border-style dado estilo de borda.

Dica: Se o valor for "none", ou se a imagem não é exibida, utilize o estilo de borda.


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Opera não suportam borderImageSource propriedade.

Internet Explorer versão 10 e anteriores não são suportados propriedade borderImageSource.

Safari versão 5 e anteriores não suportam a propriedade borderImageSource.

Veja borderImage propriedade para substituí-lo!


gramática

Propriedades borderImageSource Voltar:

object .style.borderImageSource

Definindo as propriedades borderImageSource:

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

Valor de propriedade

描述
none 不使用图像。
image 要用于绘制边框的图像的路径。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalhes técnicos

padrão: nenhum
retorna: String que representa o elemento propriedade border-image-fonte.
versão CSS CSS3


artigos relacionados

Referência CSS: border-image-Source propriedade


Estilo Object Reference estilo Objects