Latest web development tutorials

HTML DOM propiedad Estilo borderImageOutset

Estilo de referencia de objetos Objetos de estilo

Ejemplos

El marco se coloca en el borde de <div> elementos externos:

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

Trate »

Definición y Uso

borderImageOutset conjuntos de propiedades o devuelve la cantidad de áreas de imagen más allá del borde del cuadro delimitador.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Opera no es compatible con la propiedad borderImageOutset.

Internet Explorer versión 10 y la propiedad borderImageOutset anterior no son compatibles.

Safari versión 5 y anteriores no admiten la propiedad borderImageOutset.

Ver borderImage propiedad para reemplazarlo!


gramática

Volver propiedades borderImageOutset:

object .style.borderImageOutset

Configuración de las propiedades borderImageOutset:

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

Nota: atributo borderImageOutsetespecifica la cantidad de áreas de imagen más allá de las fronteras de la caja de contorno. De acuerdo con la parte superior derecha, inferior, izquierdo el orden dado. Si se omite el cuarto valor, su valor es consistente con el segundo valor. Si también se omite el tercer valor, entonces su valor es consistente con el primer valor. Si también se omite el segundo valor, entonces su valor es consistente con el primer valor. borderImageOutset valores negativos no están permitidos.

propiedad Valor

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

detalles técnicos

Por defecto: 0
Devuelve: Cadena que representa el elemento de atributo border-image-principio.
versión CSS CSS3


Artículos relacionados

CSS Referencia: frontera-Imagen-OUTSET propiedad


Estilo de referencia de objetos Objetos de estilo