Atributo borderImageOutset do estilo

Definição e uso

borderImageOutset Define ou retorna a quantidade que a área da imagem da borda ultrapassa a caixa da borda (border box).

Veja também：

Manual de referência do CSS：Atributo border-image-outset

Exemplo

Colocar a borda fora da margem do elemento <div>:

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

Experimente você mesmo

Sintaxe

Retornar o atributo borderImageOutset：

object.style.borderImageOutset

Definir o atributo borderImageOutset：

object.style.borderImageOutset = "length|number|initial|inherit"

Notas:borderImageOutset O atributo define a quantidade que a imagem da borda ultrapassa a caixa da borda. Em cima, direita, embaixo, esquerda. Se ignorar o quarto valor, ele será o mesmo que o segundo valor. Se omitir o terceiro valor, ele será o mesmo que o primeiro valor. Se omitir o segundo valor, ele será o mesmo que o primeiro valor. Não são permitidos valores negativos como valores de border-image-outset.

Valor do atributo

Valor Descrição
length Unidade de comprimento, que determina a distância à qual a imagem da borda será exibida. Valor padrão 0.
number Multiplo do border-width correspondente.
initial Defina esse atributo para seu valor padrão. Veja também initial。
inherit Herda esse atributo do elemento pai. Veja também inherit。

Detalhes técnicos

Valor padrão: 0
Retorno: Cadeia de caracteres, que representa a Atributo border-image-outset。
Versão do CSS： CSS3

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou completamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 11.0 Suporte 6.0 15.0

Ver aqui Propriedade borderImage!