La propiedad de imagen de borde CSS se usa para agregar un borde de imagen a algunos elementos. No necesita usar ningún código HTML para llamar a la imagen de borde. Una sintaxis de muestra de la imagen de borde es la siguiente:
Los valores más utilizados se muestran a continuación:
| No. | Valor y descripción |
|---|---|
| 1 | border-image-source Se utiliza para establecer la ruta de la imagen. |
| 2 | border-image-slice Se utiliza para cortar la imagen del borde. |
| 3 | border-image-width Se utiliza para establecer el ancho de la imagen del borde. |
| 4 | border-image-repeat Se utiliza para configurar la imagen del borde como redondeada, repetida y estirada |
Ejemplo
El siguiente es el ejemplo vamos a tomar una imagen que está colgada en la red y vamos a construir los bordes de una caja con él..