Il est possible d'entourer par des bordures les éléments de type bloc ou certains éléments de type en ligne (ceux ayant des dimensions par défaut - hauteur et largeur - comme <img>, par exemple).
Les 3 propriétés de bordures portent sur :
Définit le style de bordure. Pour une bonne interprétation par tous les navigateurs, son utilisation est obligatoire, dès lors que l'on souhaite mettre une bordure.
Principales valeurs possibles :
border-style:solid;
border-style:none;
border-style:dotted;
border-style:dashed;
Définit l'épaisseur de bordure. A une valeur chiffrée ou nominale.
Exemple de valeurs possibles :
border-width:4px;
border-width:thin;
border-width:medium;
border-width:thick;
Définit la couleur de bordure, avec en valeur le code d'une couleur (hexadécimal, rgb() ou mot-clé).
Exemple de valeurs possibles :
border-color:blue;
border-color:#990066;
Il est possible de déterminer toutes les propriétés de bordure par la propriété border.
border:solid 1px #33CCFF;
border:dash thick blue;