CSS Largura do Contorno
outline-width é a propriedade da largura do contorno.
Tem valores:
thin
(fino) tem 1px;
medium (médio)
tem 3px;
thick
(espessura) tem 5px;
Um
tamanho específico (em px, pt, cm, em, etc)
Na
prática:
<!DOCTYPE html>
<html>
<head>
<style>
p.exem1 {
border: 1px
solid black;
outline-style: solid;
outline-color: blue;
outline-width: thin;
}
border: 1px
solid black;
outline-style: solid;
outline-color: blue;
outline-width: medium;
}
border: 1px
solid black;
outline-style: solid;
outline-color: blue;
outline-width: thick;
}
border: 1px
solid black;
outline-style: solid;
outline-color: blue;
outline-width: 4px;
}
</style>
</head>
<body>
<h2>A propriedade da largura do
contorno</h2>
<p class="exem1">Contorno fino. </p>
<p class="exem2">Contorno médio. </p>
<p class="exem3">contorno grosso.
</p>
<p class="exem4">Contorno com
espessura 4px.</p>
</body>
</html>