LARGURA DA BORDA DO CSS
border-width é a propriedade que especifica
largura das quatro bordas.
Largura do
tamanho pode ser: px, pt , cm, em, etc. Três valores predefinidos: (fino) thin,(médio) medium, (ou grossso) or thick
<!DOCTYPE
html>
<html>
<head>
<style>
p.one {
border-style: solid;
border-width: 5px;
}
p.two {
border-style: solid;
border-width: medium;
}
p.three {
border-style: dotted;
border-width: 2px;
}
p.four {
border-style: dotted;
border-width: thick;
}
p.five {
border-style: double;
border-width: 15px;
}
p.six {
border-style: double;
border-width: thick;
}
</style>
</head>
<body>
<h2>Propriedade
de borda</h2>
<p>Usando
valores para borda. </p>
<p
class="one">Primeiro texto. </p>
<p
class="two">Segundo texto. </p>
<p
class="three">Terceiro texto. </p>
<p
class="four">Quarto texto. </p>
<p
class="five">Quinto texto. </p>
<p
class="six">Sexto texto. </p>
</body>
</html>
LARGURAS LATERAIS ESPECÍFICAS
border-width propriedade pode ter de um a quatro valores (para a
borda superior, borda direita, borda inferior e borda esquerda)
<!DOCTYPE html>
<html>
<head>
<style>
p.one {
border-style:
solid;
border-width: 5px
20px; /* 6px superior e inferior, 21px nas laterais */
}
p.two {
border-style:
solid;
border-width: 21px
6px; /* 21px superior e inferior, 6px nas laterais */
}
p.three {
border-style:
solid;
border-width: 26px
11px 5px 37px; /* 26px superior, 11px direita, 5px inferior e 37px esquerda */
}
</style>
</head>
<body>
<h2>Propriedade da borda</h2>
<p>A propriedade border-width pode ter de um a quatro
valores (para a borda superior, borda direita, borda inferior e borda
esquerda)</p>
<p class="one">Primeiro texto. </p>
<p class="two">Segundo texto. </p>
<p class="three">Terceiro texto. </p>
</body>
</html>