Atributo CSS border-image-repeat
- página anterior border-image-outset
- Página siguiente border-image-slice
Definición y uso
La propiedad border-image-repeat especifica si la imagen del borde debe repetirse (repetida), estirarse (estirada) o llenar (redondeada).
Por favor, consulte también:
Tutoriales de CSS3:Borde de CSS3
Ejemplo
Especifica cómo repetir la imagen del borde:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
Sintaxis de CSS
border-image-repeat: stretch|repeat|round;
Notas:Esta propiedad especifica cómo extender y distribuir los bordes de la imagen del borde. Por lo tanto, puede especificar dos valores. Si se omite el segundo valor, se toma el mismo valor que el primero.
Valor de la propiedad
| Valor | Descripción |
|---|---|
| stretch | Estire la imagen para llenar el área |
| repeat | Tilde (repetición) la imagen para llenar el área. |
| round | Similares a los valores de repeat. Si no se puede cuadrar completamente la imagen, se escalan las imágenes para adaptarse al área. |
Detalles técnicos
| Valor predeterminado: | stretch |
|---|---|
| Herencia: | no |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object.style.borderImageRepeat="round" |
Compatibilidad del navegador
Los números en la tabla indican la primera versión del navegador que admite completamente esta propiedad.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
ver border-image propiedad.
- página anterior border-image-outset
- Página siguiente border-image-slice
