Exemplo
Especificar uma imagem como a fronteira em torno de um <div> elemento:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
Tente você mesmo " Definição e Uso
A propriedade borderImage é um atalho para definir as borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset e borderImageRepeat propriedades.
valores omitidos são definidas para seus valores padrão.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Números seguidos por Webkit, Moz, ou O especificar a primeira versão que trabalhou com um prefixo.
Propriedade | |||||
---|---|---|---|---|---|
borderImage | 16,0 4.0 Webkit | 11,0 | 15,0 3,5 Moz | 6 3.1 Webkit | 15,0 11,0 ó |
Sintaxe
Devolver o imóvel borderImage:
object .style.borderImage
Defina a propriedade borderImage:
object .style.borderImage=" Valores de propriedade Valor Descrição borderImageSource O caminho para a imagem para ser utilizada como uma fronteira borderImageSlice Os deslocamentos para dentro da imagem-border borderImageWidth As larguras da imagem-border borderImageOutset O valor pelo qual a área da imagem fronteira caixa se estende para além da fronteira borderImageRepeat Se a imagem-fronteira devem ser repetidos, arredondado ou esticado initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: nenhum 100% 1 0 estiramento Valor de retorno: A String, que representa a propriedade border-imagem de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: border-image property
<Estilo de objeto