tutoriais mais recente desenvolvimento web
 

Style borderImage Property

<Estilo de objeto

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