manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS border-left propriedade CSS3 border-image-source propriedade

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

border-image-A propriedade width CSS especifica a largura da borda.

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

Valor padrão:	1
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-A propriedade collapse é igual a collapse quando border-image-A propriedade width é 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 JavaScript：	object.style.borderImageWidth="30 30"

border-image-Sintaxe de uso do width

A sintaxe dessa propriedade é a seguinte：

border-image-width: [ length | percentage | number | auto ]　1　to　4　values | initial | inherit

Os seguintes exemplos demonstram como usar border-image-propriedade width.

Exemplo

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border-image-source: url("border.png");
　　　　border-image-width:　10px;
　　　　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
length	Especifique a largura da borda em unidades absolutas ou relativas.
percentage	Especifique a largura da borda em porcentagem do elemento.
number	Representa o elementoborder-widthO valor calculado da propriedade ou múltiplo da largura da borda.
auto	Especifique a largura da imagem da borda como a largura ou altura inerente da fatia da imagem correspondente.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o border do pai-image-Cálculo do valor da propriedade width.

Compatibilidade do navegador

border-image-A compatibilidade do navegador da propriedade width, 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+