El mejor tutorial de CSS3 frontera-imagen-repetir la propiedad en 2024. En este tutorial podrás aprender Ejemplos,Definiciones y uso,Soporte para el navegador,sintaxis CSS,propiedad Valor,Páginas relacionadas,

CSS3 frontera-imagen-repetir la propiedad

Ejemplos

Ajuste el modo de repetición de la imagen:

div {
Border-image-fuente: url ( border.png);
frontera-imagen-repeat: repeat;
}

Trate »

Definiciones y uso

atributo border-image-repetición si el límite de la imagen se debe repetir (repetir), la tracción (estirado) o cubierta (redondeado).

Consejo: Usted puede ver la imagen de la frontera propiedad (propiedad abreviada utilizada para establecer todas las propiedades * fronterizas-imagen-).

Por defecto: tramo
heredada: no
animación: no. Ver animatable
Version: CSS3
la sintaxis de JavaScript: objetar .style.borderImageRepeat = "redondo"tratar


Soporte para el navegador

Las cifras de la tabla representan el primer navegador para apoyar esta versión de los hechos.

propiedad
frontera-imagen-repeat 15.0 11.0 15.0 6.0 15.0


sintaxis CSS

frontera-imagen-repeat: estiramiento | repita | ronda | inicial | hereda;

Nota: este atributo especifica cómo extendida y la disposición de los bordes y la parte media de la trama de la imagen.Por lo tanto, se puede especificar dos valores. Si se omite el segundo valor, y el primero en tener el mismo valor.

propiedad Valor

valor descripción Ejemplos
tramo Predeterminado. Estirar la imagen para rellenar el área Ver Ejemplos »
repetición Baldosa (repite) para llenar el área de la imagen. Ver Ejemplos »
ronda valor de repetición similar. Si no puede completar todo el tejar imagen, la imagen se escala para ajustarse al área. Ver Ejemplos »
espacio valor de repetición similar. Si no puede completar todas las imágenes en mosaico, un espacio de expansión se distribuirá alrededor de la imagen
inicial Establecer esta propiedad en el valor predeterminado. ver inicial Ver Ejemplos »
heredar Esta propiedad se hereda del elemento padre. ver heredar


Páginas relacionadas

CSS3 tutorial: Frontera CSS3

CSS Referencia: propiedad border-Imagen

CSS Referencia: frontera-Imagen-REPETIR propiedad

CSS Referencia: frontera-Imagen-Slice propiedad

CSS Referencia: frontera-Imagen-Fuente la propiedad

CSS Referencia: border-width atributo-Imagen

HTML DOM Referencia: propiedad borderImageRepeat

CSS3 frontera-imagen-repetir la propiedad
10/30