manual de referência CSS

CSS @regras (RULES)

大全 de atributos CSS

CSS3 border-image-Atributo outset CSS border-Atributo color

CSS3 border-Método de uso e exemplo da propriedade image

border-Como usar a propriedade image CSS para substituir o estilo da borda. Esta é uma propriedade abreviada, usada para definir ao mesmo tempoborder-image-source,border-image-slice,border-image-width,border-image-outseteborder-image-repeatPropriedade

A tabela a seguir fornece uma descrição de uso e histórico de versões desta propriedade, bem como a sintaxe de uso em scripts JavaScript.

Valor padrão:	nenhum 100 esticamento; Ver todas as propriedades
Aplicável a:	Esta propriedade pode ser aplicada a qualquer elemento, mas quando se trata de elementos de tabela (como tr, th, td), a borda-O valor do atributo collapse é collapse quando border-O atributo image é inválido. Também se aplica a::first-letter.
Herança:	Não
Animável:	Não.Veja também Atributos de animação.
Versão:	CSS3nova funcionalidade
Sintaxe JavaScript:	object.style.borderImage="url(border.png) 30 30 round"

border-Sintaxe de uso do image

A sintaxe dessa propriedade é a seguinte:

border-image: [ source slice width outset repeat ] | initial | inherit

Os exemplos a seguir mostram como usar border-Atributo image

Exemplo

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border:　15px sólido transparente;
　　　　-webkit-border-image: url("border.png")　30　30 round;　/*　Safari　3.1-5　*/
　　　　-o-border-image: url("border.png")　30　30 round;　/*　Opera　11-12.1　*/
　　　　border-image: url("border.png")　30　30 round;
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
border-image-source	Especifique a posição da imagem a ser usada na borda.
border-image-slice	Especifique o deslocamento interno do canto superior, direito, inferior e esquerdo da imagem da borda.
border-image-width	Especifique a largura da borda.
border-image-outset	Especifique a quantidade que a área da imagem da borda excede a borda, a quantidade em excesso.
border-image-repeat	Especifique como dimensionar ou repetir a parte central da imagem da borda para que ela possa coincidir com o tamanho da borda.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o border do elemento pai-Valor do atributo image

Compatibilidade do navegador

border-A compatibilidade do navegador do atributo image, os números na tabela a seguir representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

	Firefox 3.5+ ^-moz-,15 + Google Chrome 4+ ^-webkit-,16 + Internet Explorer 11+ Apple Safari 3.1+ ^-webkit-,6+ Opera 11+ ^-o-,15+ ^-webkit-