Largura do Contorno do CSS

Largura do Contorno do CSS

outline-width A propriedade especifica a largura da contorno e pode ser configurada com um dos seguintes valores:

  • thin (geralmente 1px)
  • média (normalmente 3px)
  • grossa (normalmente 5px)
  • Tamanho específico (medido em px, pt, cm, em)

O exemplo a seguir mostra alguns contornos de diferentes larguras:

Contorno fina.

Contorno média.

Contorno grossa.

Contorno grossa de 4 pixels.

Exemplo

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: fina;
}
p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: média;
}
p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: grossa;
}
p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}

Experimente você mesmo