Ancho del contorno de CSS

Ancho del contorno de CSS

outline-width La propiedad especifica el ancho del contorno y puede establecer uno de los siguientes valores:

  • delgado (generalmente 1px)
  • Mediano (generalmente 3px)
  • Grueso (generalmente 5px)
  • Tamaños específicos (medidos en px, pt, cm, em)

El siguiente ejemplo muestra diferentes anchos de contornos:

Borde fino.

Borde mediano.

Borde grueso.

Borde grueso de 4 píxeles.

Ejemplo

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thin;
}
p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: medium;
}
p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thick;
}
p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}

Prueba personalmente