Ejemplo
Coloque la frontera fuera de los bordes de la <div> elemento:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades borderImageOutset o devuelve el importe en que el área de la imagen frontera se extiende más allá del borde de cuadro.
Soporte del navegador
La propiedad borderImageOutset no es compatible con Opera.
La propiedad borderImageOutset no es compatible con Internet Explorer 10 y anteriores.
La propiedad borderImageOutset no es compatible con Safari 5 y anteriores.
Mira el borderImage propiedad en lugar!
Sintaxis
Devolver la propiedad borderImageOutset:
object .style.borderImageOutset
Establecer la propiedad borderImageOutset:
object .style.borderImageOutset=" Note: La propiedad borderImageOutset especifica la cantidad en que el área de la imagen frontera se extiende más allá del borde de cuadro. en la parte superior, derecho, inferior e izquierdo. Si se omite el cuarto valor, es el mismo que el segundo. Si se omite también el tercero, es el mismo que el primero. Si se omite también el segundo, es el mismo que el primero. Los valores negativos no están permitidos para cualquiera de los valores borderImageOutset. Valores de propiedad
Valor Descripción length Una unidad de longitud que especifica a qué distancia de los bordes aparecerá la imagen-frontera. El valor por defecto es 0 number Representar múltiplos de la frontera-anchura que corresponde initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: 0 Valor de retorno: Una cadena, que representa la propiedad border-image-comienzo de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: border-image-outset property
<Estilo de objeto