Estilos de bordes en css (border-style)

• none: Sin borde. {border: 2px none blue;}

• hidden: Con el estilo hidden aparentemente no hay diferencia con none pero hay diferencias cuando se trata de una tabla. {border: 2px hidden blue;}

• dotted: Borde de puntos. {border: 2px dotted blue;}

• dashed: Borde de líneas. {border: 2px dashed blue;}

• solid: Borde de línea contínua. {border: 2px solid blue;}

• double: Borde de dos líneas. A partir de 4 píxels. {border: 4px double blue;}

• groove: Borde con una especie de relieve. {border: 8px groove grey;}

• ridge: Borde con otro relieve. {border: 8px ridge grey;}

• inset: Borde con efecto de botón pulsado, hundido. {border: 12px inset grey;}

• outset: Borde con efecto de botón. {border: 12px outset grey;}

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo