CSS Ancho del Borde

Cómo controlar la anchura del borde usando una hoja de estilo?

Explicación

Propiedad :

Ancho frontera
Uso:
border-width: 5px;
border-width: 5pt;
border-width: 2%;

Definición:
El ancho del borde de cualquier objeto se puede establecer con cualquier ancho usando la etiqueta border-width. border-width no tomará efecto sin un estilo de borde. El estilo de borde se puede establecer usando "border-style"
El ancho del borde toma los siguientes valores:
a)5px : El ancho del borde se puede establecer en píxeles.
b)5pt : El ancho del borde se puede establecer en puntos.
c)1% : El ancho del borde se puede establecer en porcentaje.

Ejemplo 1:


<div style="border-width: 4px; border-style: solid; border-color: red; ">probando ancho del borde</div>

Resulta:


probando ancho del borde


Ejemplo 2:


<font style="border-width: 5pt; border-style: solid; border-color: #454545;">probando ancho del borde</font>

Resulta:


probando ancho del borde

Ejemplo 3:


<div style="border-width: 2%; border-style: solid; border-color: rgb(125,125,125);">probando ancho del borde</div>

Resulta:


probando ancho del borde