border-style
Muestra todos los tipos de bordes con la propiedad border-style.
Resultado:
Estilo de borde sólido.
Estilo de borde dotted.
Estilo de borde dashed.
Estilo de borde double.
Estilo de borde groove.
Estilo de borde ridge.
Estilo de borde inset.
Estilo de borde outset.
Estilo de borde none.
Estilo de borde mixto.
border-image
La propiedad border-image en CSS permite utilizar una imagen como borde de un elemento en lugar de los bordes sólidos de color tradicionales. Esta propiedad te da flexibilidad para crear bordes más complejos y personalizables.
La propiedad border-image es una propiedad abreviada que combina las siguientes subpropiedades:
border-image-source:Define la fuente de la imagen que se usará para el borde.border-image-slice:Indica cómo dividir la imagen en nueve secciones (cuatro esquinas, cuatro lados y el centro) para adaptarla al tamaño del borde.border-image-width:Especifica el grosor del borde basado en la imagen.border-image-outset:Define cuánto sobresale el borde fuera del área del borde del elemento.border-image-repeat:Especifica cómo se repiten (o ajustan) las secciones de la imagen a lo largo de los bordes.
Resultados:
Nombre completo: Cristiano Ronaldo dos Santos Aveiro
Fecha de nacimiento:
Club: Al-Nassr F.C.
Posición: Delantero Extremo
Nombre completo: Jorge Aldair Rivadeneyra Cabello
Fecha de nacimiento:
Club: Sporting Cristal
Posición: Delantero Extremo