0 FPS
Propiedad CSS : border-image
La web está en segundo plano, animación en pausa.
Cargando animación...
Esta propiedad nos permite asignar las propiedades "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", y "border-image-repeat" en la misma linea.
Sintaxis
border-image: source slice width outset repeat;
border-image-source | Especifica la url de la imagen que se va a utilizar para el borde. |
border-image-slice | Especifica por donde se cortara la imagen de origen para mostrarla en el borde. |
border-image-width | Especifica el tamaño del recuadro que se extraera de la imagen. |
border-image-outset | Especifica la cantidad en que el área de la imagen se extiende mas allá del borde del contenedor. |
border-image-repeat | Especifica como debe ser tratada la imagen para extenderla al borde. |
Código de ejemplo
Compatibilidad
Esta propiedad es soportada por todos los navegadores compatibles con CSS3.
Soportado a partir de la versión 15 | |
Soportado a partir de la versión 16 | |
Soportado a partir de la versión 15 | |
Soportado a partir de la versión 6 | |
Soportado a partir de la versión 11 |
Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020
Enlaces relacionados
- border
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-color
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width