Exemplo
Coloque a borda externa das bordas do <div> elemento:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Tente você mesmo " Definição e Uso
Os borderImageOutset conjuntos de propriedades ou retorna o valor pelo qual a área da imagem a fronteira se estende para além da caixa de fronteira.
Suporte navegador
A propriedade borderImageOutset não é suportado no Opera.
A propriedade borderImageOutset não é suportada no Internet Explorer 10 e anteriores.
A propriedade borderImageOutset não é suportado no Safari 5 e anteriores.
Olhe para o borderImage propriedade em vez!
Sintaxe
Devolver o imóvel borderImageOutset:
object .style.borderImageOutset
Defina a propriedade borderImageOutset:
object .style.borderImageOutset=" Note: A propriedade borderImageOutset especifica o montante pelo qual área de imagem da fronteira se estende para além da caixa de fronteira. na parte superior, direita, inferior e lados esquerdo. Se o quarto valor for omitido, é o mesmo que o segundo. Se o terceiro também é omitido, é o mesmo que o primeiro. Se o segundo também é omitido, é o mesmo que o primeiro. Os valores negativos não são permitidos para qualquer um dos valores borderImageOutset. Valores de propriedade
Valor Descrição length A unidade de comprimento especificando o quão longe das bordas da fronteira-imagem irá aparecer. O valor padrão é 0 number Representam múltiplos da fronteira-largura que corresponde initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: 0 Valor de retorno: A String, que representa a propriedade-border-image início de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: border-image-outset property
<Estilo de objeto