Atributo border-image-outset CSS

Definición y uso

La propiedad border-image-outset especifica la cantidad de desplazamiento de la imagen del borde más allá del cuadro del borde.

Vea también:

Tutoriales de CSS3:CSS3 borde

Ejemplo

Establecer la propiedad border-image-outset:

div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}

Sintaxis de CSS

border-image-outset: longitud|number;

Notas:La propiedad border-image-outset especifica la cantidad de desplazamiento de la imagen del borde fuera del cuadro del borde. En la parte superior, derecha, inferior e izquierda. Si se omite el cuarto valor, es igual al segundo valor. Si se omite el tercer valor, es igual al primer valor. Si se omite el segundo valor, es igual al primer valor. No se permite ningún valor negativo como valor de border-image-outset.

Valor de la propiedad

Valor Descripción
longitud
number Representa múltiplos del border-width correspondiente.

Detalles técnicos

Valor predeterminado: 0
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.borderImageOutset="30 30"

Compatibilidad del navegador

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

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

ver border-image propiedad.