Ejemplo
Utilizar una imagen como la frontera alrededor de un elemento div:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades borderImageSource o devuelve la imagen a utilizar, en lugar de los estilos de borde dadas por las propiedades de estilo frontera.
Tip: Si el valor es "none" , o si la imagen no se puede visualizar, se usarán los estilos de borde.
Soporte del navegador
La propiedad borderImageSource no es compatible con Opera.
La propiedad borderImageSource no es compatible con Internet Explorer 10 y anteriores.
La propiedad borderImageSource no es compatible con Safari 5 y anteriores.
Mira el borderImage propiedad en lugar!
Sintaxis
Devolver la propiedad borderImageSource:
object .style.borderImageSource
Establecer la propiedad borderImageSource:
object .style.borderImageSource="none| Valores de propiedad Valor Descripción none se utilizará ninguna imagen image La ruta de la imagen para ser utilizado como una frontera 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: ninguna Valor de retorno: Una cadena, que representa la propiedad-image-fuente borde de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: border-image-source property
<Estilo de objeto