Los últimos tutoriales de desarrollo web
 

Style borderImageOutset Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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