Latest web development tutorials

propriedade HTML DOM Estilo borderImageOutset

Estilo Object Reference estilo Objects

Exemplos

A moldura é colocada sobre a borda de <div> elementos externos:

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

tente »

Definição e Uso

borderImageOutset conjuntos de propriedades ou retorna a quantidade de regiões da imagem além da borda da caixa delimitadora.


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Opera não suportam borderImageOutset propriedade.

Internet Explorer versão 10 e anteriores não são suportados propriedade borderImageOutset.

Safari versão 5 e anteriores não suportam a propriedade borderImageOutset.

Veja borderImage propriedade para substituí-lo!


gramática

Propriedades volta borderImageOutset:

object .style.borderImageOutset

Definindo as propriedades borderImageOutset:

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

Nota: atributo borderImageOutsetespecifica a quantidade de regiões de imagem para além das fronteiras da caixa delimitadora. De acordo com o canto superior direito, inferior, deixou a ordem dada. Se o quarto valor for omitido, o seu valor é consistente com o segundo valor. Se o terceiro valor também é omitido, então o seu valor é consistente com o primeiro valor. Se o segundo valor também é omitido, então o seu valor é consistente com o primeiro valor. valores negativos borderImageOutset não são permitidos.

Valor de propriedade

描述
length 一个指定边框图像将出现在距离边缘多远的长度单位。默认值是 0。
number 表示相应的边框宽度的倍数。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalhes técnicos

padrão: 0
retorna: String representando o elemento de atributo-border-image início.
versão CSS CSS3


artigos relacionados

Referência CSS: border-image-OUTSET propriedade


Estilo Object Reference estilo Objects