Atributo Style borderImageSource

Definición y uso

borderImageSource Establezca o devuelva la imagen a usar, en lugar del estilo de borde dado por el atributo border-style.

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

Vea también：

Manual de referencia de CSS：Atributo border-image-source

Ejemplo

Usar una imagen como borde del elemento div：

document.getElementById("myDIV").style.borderImageSource = "url(border.png)";

Pruebe usted mismo

Sintaxis

Devolver el atributo borderImageSource：

object.style.borderImageSource

Configurar el atributo borderImageSource：

object.style.borderImageSource = "none|image|initial|inherit"

Valor del atributo

Valor Descripción
none No se utilizará ninguna imagen.
image La ruta del archivo de imagen a usar como borde.
initial Establezca este atributo en su valor predeterminado. Vea initial。
inherit Hereda este atributo de su elemento padre. Vea inherit。

Detalles técnicos

Valor predeterminado： none
Valor de retorno： Cadena de caracteres que representa el Atributo border-image-source。
Versión de CSS： CSS3

Soporte del navegador

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 11.0 Soporte 6.0 15.0

Ver aquí Atributo borderImage¡!