Largura da Borda do CSS

Largura da Borda do CSS

border-width A propriedade especifica a largura de todas as quatro bordas.

Pode-se definir o tamanho específico (em px, pt, cm, em) ou usar um dos três valores pré-definidos: fino, médio ou grossa:

Exemplo

Demonstração de diferentes larguras de borda:

p.one {
  border-style: sólido;
  largura da borda: 5px;
}
p.two {
  border-style: sólido;
  largura da borda: média;
}
p.three {
  estilo da borda: pontilhada;
  largura da borda: 2px;
} 
p.four {
  estilo da borda: pontilhada;
  largura da borda: grossa;
}

resultado:

largura da borda 5px

largura da borda média

largura da borda 2px

grossura da borda

Experimente pessoalmente

Largura de borda específica

border-width O atributo pode definir um a quatro valores (usados para margem superior, margem direita, margem inferior e margem esquerda):

Exemplo

p.one {
  border-style: sólido;
  border-width: 5px 20px; /* Margem superior e inferior 5px, outras margens 20px */
}
p.two {
  border-style: sólido;
  border-width: 20px 5px; /* Margem superior e inferior 20px, outras margens 5px */
}
p.three {
  border-style: sólido;
  border-width: 25px 10px 4px 35px; /* Margem superior 25px, margem direita 10px, margem inferior 4px, margem esquerda 35px */
}

Experimente pessoalmente