Propiedad CSS border-image-source
Ejemplo
Especifique una imagen como borde alrededor de un elemento:
#borderimg
{
border-image-source: url(border.png);
}
Definición y uso
La border-image-source
propiedad especifica la ruta a la imagen que se usará como borde (en lugar del borde normal alrededor de un elemento).
Sugerencia: si el valor es "ninguno" o si la imagen no se puede mostrar, se utilizarán los estilos de borde.
Sugerencia: observe también la propiedad border-image (una propiedad abreviada para configurar todas las propiedades border-image-*).
Valor por defecto: | ninguna |
---|---|
Heredado: | No |
Animable: | No. Leer sobre animable |
Versión: | CSS3 |
Sintaxis de JavaScript: | objeto .style.borderImageSource="url(border.png)" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Sintaxis CSS
border-image-source: 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 |
páginas relacionadas
Tutorial de CSS: imágenes de borde CSS
Referencia CSS: propiedad border-image
Referencia CSS: propiedad border-image-outset
Referencia CSS: propiedad border-image-repeat
Referencia CSS: propiedad border-image-slice
Referencia CSS: propiedad border-image-width
Referencia HTML DOM: propiedad borderImageSource