NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : border-image

30 de Diciembre del 2020 por Josep Antoni Bover. 27 visitas, 0 comentarios, 0 votos
Categorías : CSS.
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

Enlaces relacionados