Ejemplo
Especificar una imagen como la frontera alrededor de un <div> elemento:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
Inténtalo tú mismo " Definición y Uso
La propiedad borderImage es una propiedad abreviada para establecer las borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset y borderImageRepeat propiedades.
los valores omitidos se establecen en sus valores por defecto.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos por Webkit, Moz, o O especifican la primera versión que trabajó con un prefijo.
Propiedad | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0 Webkit | 11.0 | 15.0 3.5 Moz | 6.0 3.1 Webkit | 15.0 11,0 O |
Sintaxis
Devolver la propiedad borderImage:
object .style.borderImage
Establecer la propiedad borderImage:
object .style.borderImage=" Valores de propiedad Valor Descripción borderImageSource La ruta de la imagen para ser utilizado como una frontera borderImageSlice Los desplazamientos hacia el interior de la imagen de las fronteras borderImageWidth Las anchuras de la imagen de las fronteras borderImageOutset La cantidad en que el área de la imagen frontera se extiende más allá del borde de cuadro borderImageRepeat Si la imagen de la frontera se debe repetir, redondeado o estirado 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: ninguno 100% 1 0 tramo Valor de retorno: Una cadena, que representa la propiedad border-image de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: border-image property
<Estilo de objeto