Atributo border-image-source de CSS

Definición y uso

La propiedad border-image-source especifica la imagen que se debe usar en lugar del estilo de borde establecido en la propiedad border-style.

Consejo:Si el valor es "none" o si la imagen no se puede mostrar, se usa el estilo de borde.

Vea también:

Tutoriales de CSS3:Borde de CSS3

Ejemplo

Usar una imagen como borde alrededor del elemento div:

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

Sintaxis de CSS

border-image-source: none|image;

Valor de la propiedad

Valor Descripción
ninguna No usar imagen.
image Ruta del archivo de imagen utilizado como borde.

Detalles técnicos

Valor predeterminado: ninguna
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.borderImageSource="url(border.png)"

Compatibilidad del navegador

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

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

Consulte border-image propiedad.