manual de referência CSS

regras CSS @RULES

大全 de propriedades CSS

CSS3 border-image-Atributo repeat CSS3 border-Atributo image

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

Este border-image-A propriedade outsetCSS especifica a quantidade que a área de imagem de borda ultrapassa a caixa de borda.

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

Valor padrão:	0
Aplicável a:	Essa propriedade pode ser aplicada a qualquer elemento, mas quando o elemento da tabela (como tr, th, td) do border-Quando o valor do atributo collapse é collapse, o border-image-O atributo outset é 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:	CSS3Novidade
Novidade da sintaxe do JavaScript:	object.style.borderImageOutset="20 20"

border-image-Sintaxe de uso do outset

A sintaxe dessa propriedade é a seguinte:

　border-image-outset: length | number | initial | inherit

O exemplo a seguir demonstra como usar border-image-Atributo outset.

Exemplo

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border:　15px sólido transparente;
　　　　border-image-source: url("border.png");
　　　　border-image-slice:　30;
　　　　border-image-outset:　15px;
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
length	Especifica a distância absoluta ou a distância em unidades relativas que a imagem de borda ultrapassa a caixa de borda. Não é permitido usar valores negativos.
number	Representa a largura da borda ou a largura da caixa de bordaborder-widthmultiplos do valor.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o border do elemento pai-image-Valores do atributo outset.

Compatibilidade do navegador

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

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