Los últimos tutoriales de desarrollo web
 

Style borderImage Property

<Estilo de objeto

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