Il existe trois propriétés qui permettent de définir une bordure pour un élément.

Vous pouvez définir l'épaisseur, le style et la couleur avec les propriétés border-width, border-style et border-color.

Il est possible de définir une bordure avec une seule ligne de CSS grâce à la propriété border.

Exemple :

<div id="monDiv">
  Ce texte est entouré d'une bordure...
</div>

#monDiv {
  border-width: 1px;
  border-style: solid;
  border-color: #F00;
}
/* Ou sur une seule ligne */
#monDiv {
  border: 1px solid red;
}

Il est possible de ne définir la bordure que pour un côté précis.

Par exemple, pour définir la bordure du haut, nous utiliserons les propriétés border-top-*

Exemple :

<div id="monDiv">
  Ce texte à une bordure en haut...
</div>

#monDiv {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F00;

Les propriétés disponibles sont :

• border-top-width, border-top-style et border-top-color ;
• border-right-width, border-right-style et border-right-color ;
• border-bottom-width, border-bottom-style et border-bottom-color ;
• border-left-width, border-left-style et border-left-color ;