Propriedade de estilo borderImageOutset
Exemplo
Coloque a borda fora das bordas do elemento <div>:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Definição e uso
A propriedade borderImageOutset define ou retorna a quantidade pela qual a área da imagem da borda se estende além da caixa da borda.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Olhe para a propriedade borderImage !
Sintaxe
Retorne a propriedade borderImageOutset:
object.style.borderImageOutset
Defina a propriedade borderImageOutset:
object.style.borderImageOutset = "length|number|initial|inherit"
Nota: A propriedade borderImageOutset especifica a quantidade pela qual a área da imagem da borda se estende além da caixa da borda. nos lados superior, direito, inferior e esquerdo. Se o quarto valor for omitido, é o mesmo que o segundo. Se o terceiro também for omitido, é o mesmo que o primeiro. Se o segundo também for omitido, é o mesmo que o primeiro. Valores negativos não são permitidos para nenhum dos valores borderImageOutset.
Valores de propriedade
Value | Description |
---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 |
number | Represent multiples of the corresponding border-width |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | 0 |
---|---|
Valor de retorno: | Uma String, representando a propriedade border-image-outset de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Referência CSS: propriedade border-image-outset