Dentro de las características que se agregan en CSS3 para bordes, encontramos una interesante opción con border-image.
Mediante esta propiedad, podremos establecer imágenes para los bordes de nuestras cajas, como por ejemplo para un div.
Podremos trabajar sobre cada uno de los lados (border-top-image, border-right-image, border-bottom-image, border-left-image, border-top-left-image, border-top-right-image, border-bottom-left-image y border-bottom-right-image.) y también sobre las esquinas (border-corner-image).
Además de asignar la URL de la imagen (JPEG, PNG o GIF), también podremos indicar valores numéricos de como se posicionará la imagen y otros parámetros adicionales.
Para encontrar más información y ver ejemplos de esta característica, podremos ingresar en el documento del W3C en la sección Border Image.
Más sobre Diseño y desarrollo Web
Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Desarrollo Web. Realizo proyectos basados en Inteligencia Artificial. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios impresos y digitales. Brindo capacitaciones, clases de formación y consultorías sobre lenguajes de programación y herramientas para Desarrollo Web y móvil en modalidad online y presencial.
Deja una respuesta