Ejemplo
Especificar cómo para repetir la imagen de las fronteras:
document.getElementById("myDIV").style.borderImageRepeat = "round"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades borderImageRepeat o devoluciones si la imagen de la frontera se debe repetir, redondeadas o estirada.
Soporte del navegador
La propiedad borderImageRepeat no es compatible con Opera.
La propiedad borderImageRepeat no es compatible con Internet Explorer 10 y anteriores.
La propiedad borderImageRepeat no es compatible con Safari 5 y anteriores.
Mira el borderImage propiedad en lugar!
Sintaxis
Devolver la propiedad borderImageRepeat:
object .style.borderImageRepeat
Establecer la propiedad borderImageRepeat:
object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| stretch | Valor por defecto. La imagen se estira para llenar el área |
| repeat | La imagen es de baldosas (repeated) para rellenar el área |
| round | La imagen es de baldosas (repeated) para rellenar el área. Si no se llena el área con toda una serie de azulejos, la imagen se reajustarán por lo que encaja |
| space | La imagen es de baldosas (repeated) para rellenar el área. Si no se llena el área con toda una serie de azulejos, el espacio adicional se distribuye alrededor de los azulejos |
| 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: | tramo |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad border-image-repetición de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: border-image-repeat property
<Estilo de objeto