Atributo Style borderImageRepeat
- Página anterior
- Página siguiente
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
borderImageRepeat
Establece o devuelve si la imagen del borde debe estar repetida (repetida), llena (redondeada) o estirada (estirada).
Vea también:
Manual de referencia de CSS:Atributo border-image-repeat
Ejemplo
Especifica cómo se debe repetir la imagen del borde:
document.getElementById("myDIV").style.borderImageRepeat = "round";
Sintaxis
Devolver el atributo borderImageRepeat:
object.style.borderImageRepeat
Configurar el atributo borderImageRepeat:
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
Valor del atributo
Valor | Descripción |
---|---|
stretch | Valor predeterminado. La imagen se estira para rellenar el área. |
repeat | La imagen se coloca (repite) para rellenar el área. |
round |
La imagen se coloca (repite) para rellenar el área. Si el área no se rellena con un número completo de bloques, se redimensiona la imagen para que se ajuste. |
space |
La imagen se coloca (repite) para rellenar el área. Si el área no se rellena con un número completo de bloques, el espacio adicional se distribuirá alrededor de los bloques. |
initial | Establezca este atributo en su valor predeterminado. Consulte initial. |
inherit | Hereda este atributo de su elemento padre. Consulte inherit. |
Detalles técnicos
Valor predeterminado: | stretch |
---|---|
Valor de retorno: | Cadena de caracteres, que representa el Atributo border-image-repeat. |
Versión de CSS: | CSS3 |
Soporte del navegador
Los números en la tabla indican la versión del navegador que primero soportó esta propiedad.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Soporte | 11.0 | Soporte | 6.0 | 15.0 |
- Página anterior
- Página siguiente
- Volver a la capa superior Objeto Style de HTML DOM