Comment faire des bordures doubles en CSS et HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2021-12-24 11:52:15
Thèmes : html - css - bordure
Question

Bonjour, je voudrais savoir comment faire des bordures doubles en CSS et HTML ?

Réponse

Pour faire des bordures doubles en HTML, vous devez utiliser la propriété CSS border-style avec la valeur double.

Remarque : Par défaut la valeur de border-style est none, c'est à dire qu'aucune bordure ne s'affiche.

Dans l'exemple ci-dessous on créé une CLASS CSS nommée double puis on l'applique à une balise <div> .

La propriété CSS border-width correspond à l'épaisseur de la bordure, et la propriété border-color à sa couleur.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment faire des bordures doubles en CSS et HTML ?</title>
<style>
.double {
border-width: 10px;
border-style: double;
Border-color: red;
}
</style>
</head>
<body>
<div class="double">Un Bloc avec des bordures doubles</div>
</body>
</html>

Vous trouverez d'avantage d'information sur la manière de faire des bordures double via cette page du site de Mozilla.