
La propiedad border-image-repeat CSS define cómo mostrar la parte central de la imagen del marco para que coincida con las dimensiones del marco. Se puede usar un valor para esta propiedad para establecer el comportamiento de todos los bordes, o se pueden especificar dos valores para establecer el comportamiento de los bordes horizontales y verticales por separado.
Funciones border-image-repeat css
Valor inicial | stretch |
---|---|
Aplicado a | Todos los elementos excepto los elementos de tabla interiores en el que la propiedad se establece border-collapse a collapse . |
Heredable | No |
Móvil | No |
Valor calculado | Como se especificó. |
/* border-image-repeat: type */ border-image-repeat : stretch; /* border-image-repeat: horizontal vertical */ border-image-repeat : round stretch; /* valores globales */ border-image-repeat : inherit; border-image-repeat : initial; border-image-repeat : unset;
Ejemplos y aplicaciones
Consulte la página border-image
para ver ejemplos de esta función.
Soporte de navegadores
Característica | Chrome | Firefox | IE | Ópera | Safari |
---|---|---|---|---|---|
Soporte básico | 15.0 | 15.0 | 11 | 15 | 6 |
Ronda de valor | 30 | 15.0 | 11 | ? | 9.1 |
Valor del espacio | 56 | 50 | 11 | No soportado | 9.1 |
Características generales
La propiedad acepta border-image-repeat una palabra reservada (para todos los bordes) o dos palabras (para los bordes horizontales y verticales por separado) de los siguientes valores:
stretch
Esta palabra reservada indica que se debe cambiar el tamaño de la imagen para llenar el espacio entre los dos marcos.
repeat
Esta palabra reservada indica que la imagen debe repetirse hasta que ocupe el espacio entre los dos fotogramas.
round
Esta palabra reservada indica que la imagen debe repetirse hasta que ocupe el espacio entre los dos fotogramas. Si una imagen no se escala después de repetirse un número entero de veces, se cambiará de tamaño a la escala.
space
Esta palabra reservada indica que la imagen debe repetirse hasta que ocupe el espacio entre los dos fotogramas. Si la imagen no encaja después de la iteración un número entero de veces, el espacio vacío entre las iteraciones se distribuirá para llenar el espacio.
Estructura border-image-repeat css
border-image-repeat: [ stretch | repeat | round | space ]{1,2};
Vea también
- La página de propiedades establecido por la propiedad de acceso directo
border-image
:border-image-source
,border-image-slice
,border-image-width
yborder-image-outset
. - La página de propiedades establecido por la propiedad de acceso directo
border
:border-width
,border-style
, yborder-color
.
- Introducción al Lenguaje de Programación CSS
- Características text-decoration-style en CSS
- Características text-decoration-line en CSS
- Características text-decoration-color en CSS
- Características text-decoration en CSS
- Características text-align-last en CSS
- Características text-align en CSS
- Características tab-size en CSS
- Características overflow-wrap en CSS
- Características line-break en CSS
- Características letter-spacing en CSS
- Características direction en CSS
- Características line-height en CSS
- Características font-style en CSS
- Características font-weight en CSS
- Características font-stretch en CSS
- Características font en CSS
- Características font-size-adjust en CSS
- Características font-size en CSS
- Características font-kerning en CSS
- Características font-family en CSS
- Características order en CSS
- Características justify-content en CSS
- Características flex-wrap en CSS
- Características flex-shrink en CSS
- Características flex-grow en CSS
- Características flex-flow en CSS
- Características flex-direction en CSS
- Características flex-basis en CSS
- Características flex en CSS
- Características align-self en CSS
- Características align-items en CSS
- Características align-content en CSS
- Características overflow-y en CSS
- Características overflow-x en CSS
- Características overflow en CSS
- Características padding-right en CSS
- Características padding-left en CSS
- Características padding-bottom en CSS
- Características margin-top en CSS
- Características padding-top en CSS
- Características margin-right en CSS