W3Schools Tryit Éditeur

<!DOCTYPE html>
<html>
<head>
<style>
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
</style>
</head>
<body>

<h2>La propriété border-style</h2>
Cette propriété spécifie quel type de bordure afficher :

Une bordure pointillée.
Une bordure en pointillés.
Une bordure solide.
Une bordure double.
Une bordure en rainure.
Une bordure en crête.
Une bordure en retrait.
Une bordure de départ.
Pas de bordure.
Une bordure cachée.
Une bordure mixte.

</body>

</html>