Atributo borderImageOutset de estilo

Definición y uso

borderImageOutset Establece o devuelve la cantidad que sobresale el área de la imagen del borde del cuadro del borde (border box).

Vea también：

Manual de referencia de CSS：Atributo border-image-outset

Ejemplo

Coloque el borde fuera del borde del elemento <div>：

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

Pruebe usted mismo

Sintaxis

Devolver el atributo borderImageOutset：

object.style.borderImageOutset

Configurar el atributo borderImageOutset：

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

Notas：borderImageOutset Este atributo especifica la cantidad que sobresale la imagen del borde del cuadro del borde. En la parte superior, derecha, inferior e izquierda. Si se omite el cuarto valor, será igual al segundo valor. Si se omite el tercer valor, será igual al primer valor. Si se omite el segundo valor, será igual al primer valor. No se permiten valores negativos como valor de border-image-outset.

Valor del atributo

Valor Descripción
length Unidad de longitud que especifica la distancia a la que se mostrará la imagen del borde. Valor predeterminado 0.
number Múltiplos del correspondiente border-width.
initial Establezca este atributo en su valor predeterminado. Consulte initial。
inherit Hereda este atributo de su elemento padre. Consulte inherit。

Detalles técnicos

Valor predeterminado： 0
Valor devuelto： Cadena que representa el Atributo border-image-outset。
Versión de CSS： CSS3

Soporte del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad por primera vez.

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

Por favor, consulte Propiedad borderImage¡!