Propriedade de estilo borderImageSource
Exemplo
Use uma imagem como a borda em torno de um elemento div:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
Definição e uso
A propriedade borderImageSource define ou retorna a imagem a ser usada, em vez dos estilos de borda fornecidos pelas propriedades border-style.
Dica: Se o valor for "none", ou se a imagem não puder ser exibida, os estilos de borda serão usados.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Olhe para a propriedade borderImage !
Sintaxe
Retorne a propriedade borderImageSource:
object.style.borderImageSource
Defina a propriedade borderImageSource:
object.style.borderImageSource = "none|image|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | Nenhum |
---|---|
Valor de retorno: | Uma String, representando a propriedade border-image-source de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Referência CSS: propriedade border-image-source