Estilo borderImageSource Propiedad
Ejemplo
Use una imagen como borde alrededor de un elemento div:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
Definición y uso
La propiedad borderImageSource establece o devuelve la imagen que se utilizará, en lugar de los estilos de borde proporcionados por las propiedades de estilo de borde.
Sugerencia: si el valor es "ninguno" o si la imagen no se puede mostrar, se utilizarán los estilos de borde.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
¡Observa la propiedad borderImage en su lugar!
Sintaxis
Devuelve la propiedad borderImageSource:
object.style.borderImageSource
Establezca la propiedad borderImageSource:
object.style.borderImageSource = "none|image|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | ninguna |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad border-image-source de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia de CSS: propiedad border-image-source