Los últimos tutoriales de desarrollo web
 

Style borderImageSource Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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