Bordes

Los bordes se definen con la propiedad border, que combina tres componentes:

1. el grosor del borde;
2. el estilo del borde;
3. el color.

Por ejemplo:

selector {
  border: 5px solid red;
}

Esta regla define un borde rojo continuo de 5px de grosor.

Puedes definir el borde con una sola propiedad, border, o con las propiedades individuales border-width, border-style y border-color. Por ejemplo:

selector {
  border-width: 5px;
  border-style: solid;
  border-color: red;
}

Esta regla define el mismo borde que el ejemplo anterior.

Estos son algunos de los estilos de borde más comunes:

• solid: continuo;
• dashed: de guiones;
• dotted: de puntos.

Puedes asignar bordes tanto a las cajas en línea como a las de bloque.