Atributo border-image-outset do CSS

definição e uso

A propriedade border-image-outset define a quantidade de deslocamento da imagem da borda para fora da caixa da borda.

veja também:

tutorial CSS3:Borda do CSS3

exemplo

definir a propriedade border-image-outset:

div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}

sintaxe CSS

border-image-outset: length|number;

notas:A propriedade border-image-outset define a quantidade de deslocamento da imagem da borda para fora da caixa da borda. Em cima, direita, embaixo, esquerda. Se o quarto valor for ignorado, ele será o mesmo que o segundo valor. Se o terceiro valor for omitido, ele será o mesmo que o primeiro valor. Se o segundo valor for omitido, ele será o mesmo que o primeiro valor. Não é permitido qualquer valor negativo como valor de border-image-outset.

valor da propriedade

valor descrição
length
number representa a multiplicação da borda-width correspondente.

detalhes técnicos

valor padrão: 0
herança: não
versão: CSS3
Sintaxe JavaScript: object.style.borderImageOutset="30 30"

suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

ver border-image propriedade.