Latest web development tutorials

HTML DOM propiedad Estilo borderImageSource

Estilo de referencia de objetos Objetos de estilo

Ejemplos

Usar una imagen como un borde que rodea el elemento div:

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

Trate »

Definición y Uso

borderImageSource conjuntos de propiedades o devuelve la imagen que desea utilizar, en lugar de utilizar la propiedad border-style determinado estilo de borde.

Consejo: Si el valor es "ninguna", o si no se muestra la imagen, utilice el estilo de borde.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Opera no es compatible con la propiedad borderImageSource.

Internet Explorer versión 10 y la propiedad borderImageSource anterior no son compatibles.

Safari versión 5 y anteriores no admiten la propiedad borderImageSource.

Ver borderImage propiedad para reemplazarlo!


gramática

borderImageSource propiedades para la espalda:

object .style.borderImageSource

Configuración de las propiedades borderImageSource:

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

propiedad Valor

描述
none 不使用图像。
image 要用于绘制边框的图像的路径。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalles técnicos

Por defecto: ninguno
Devuelve: Cadena que representa el elemento de propiedad-imagen-fuente de frontera.
versión CSS CSS3


Artículos relacionados

CSS Referencia: frontera-Imagen-Fuente la propiedad


Estilo de referencia de objetos Objetos de estilo