manual de referência CSS

regras CSS (RULES)

大全 de atributos CSS

CSS3 border-image-Atributo width CSS3 border-image-Atributo slice

CSS3 border-image-Método de uso e exemplo do atributo source

border-image-A propriedade source CSS especifica a posição da imagem a ser usada na borda, em vez deborder-styleEstilo da borda especificado pela propriedade.

A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso nessa propriedade no script JavaScript.

Valor padrão:	none
Aplicável a:	Essa propriedade pode ser aplicada a qualquer elemento, mas quando o elemento da tabela (como tr, th, td) da borda-Quando o valor da propriedade collapse é collapse, a borda-image-A propriedade source é inválida. Também se aplica a::first-letter。
Herança:	Não
Animável:	Não.Por favor, consulte Propriedades animadas。
Versão:	CSS3nova funcionalidade
Sintaxe em JavaScript:	object.style.borderImageSource="url(border.png)"

border-image-Sintaxe de uso do source

A sintaxe dessa propriedade é a seguinte:

border-image-source: none | image | initial | inherit

Os exemplos a seguir demonstram como usar border-image-propriedade source.

Exemplo

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border-image-source: url("border.png");
　　　　border-image-slice:　30;
　　　　border-image-repeat: round;
}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
none	Se não houver imagem da borda, será usada a estilos da borda. Este é o valor padrão.
image	Especifique a posição da imagem da borda.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o border do elemento pai-image-Valor calculado do atributo source.

Compatibilidade do navegador

border-image-Compatibilidade do navegador do atributo source, os números na tabela a seguir representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

	Firefox 15+ Google Chrome15+ Internet Explorer 11+ Apple Safari 6+ Opera 15+