tutoriais mais recente desenvolvimento web
 

Style borderImageOutset Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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