Propriedade CSS border-image-source
Exemplo
Especifique uma imagem como a borda em torno de um elemento:
#borderimg
{
border-image-source: url(border.png);
}
Definição e uso
A border-image-source
propriedade especifica o caminho para a imagem a ser usada como borda (em vez da borda normal ao redor de um elemento).
Dica: Se o valor for "none", ou se a imagem não puder ser exibida, os estilos de borda serão usados.
Dica: Observe também a propriedade border-image (uma propriedade abreviada para definir todas as propriedades border-image-*).
Valor padrão: | Nenhum |
---|---|
Herdado: | não |
Animavel: | não. Leia sobre animáveis |
Versão: | CSS3 |
Sintaxe JavaScript: | object .style.borderImageSource="url(border.png)" |
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Sintaxe CSS
border-image-source: 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 |
Páginas relacionadas
Tutorial CSS: Imagens de borda CSS
Referência CSS: propriedade border-image
Referência CSS: propriedade border-image-outset
Referência CSS: propriedade border-image-repeat
Referência CSS: propriedade border-image-slice
Referência CSS: propriedade border-image-width
Referência HTML DOM: propriedade borderImageSource