Ancho de borde de CSS

Ancho de borde de CSS

border-width La propiedad especifica el ancho de los cuatro bordes.

Se puede establecer el ancho a un tamaño específico (en px, pt, cm, em) o usar uno de los tres valores predefinidos siguientes: delgado, medio o grueso:

Ejemplo

Demostrar diferentes anchos de borde:

p.one {
  border-style: sólido;
  ancho de borde: 5px;
}
p.two {
  border-style: sólido;
  ancho de borde: medio;
}
p.three {
  estilo de borde: punteado;
  ancho de borde: 2px;
} 
p.four {
  estilo de borde: punteado;
  ancho de borde: grueso;
}

Resultado:

ancho de borde 5px

ancho de borde medio

ancho de borde 2px

borde de ancho grueso

Prueba personal

Ancho de borde específico

border-width La propiedad puede establecer de uno a cuatro valores (usados para la barra superior, la barra derecha, la barra inferior y la barra izquierda):

Ejemplo

p.one {
  border-style: sólido;
  border-width: 5px 20px; /* Arriba y abajo 5px, otros 20px */
}
p.two {
  border-style: sólido;
  border-width: 20px 5px; /* Arriba y abajo 20px, otros 5px */
}
p.three {
  border-style: sólido;
  border-width: 25px 10px 4px 35px; /* Arriba 25px, derecha 10px, abajo 4px, izquierda 35px */
}

Prueba personal