documentation css border

Version CSS : 1

• S’applique à : Tous les éléments.
• Valeur héritée : Non
• Valeur par défaut : Pas de valeur par défaut

Regroupe les différentes propriétés css permettant de définir les bordures d’un élément :

• border-color
• border-style
• border-width (noter que tandis que la propriété border-width accepte 4 valeurs, border en accepte une. On ne peut pas mettre border:solid black 0 1px)

Les valeurs de ces différentes propriétés sont regroupées et peuvent être énoncées à la suite, peu importe l’ordre, mais séparées par des espaces.

Certains navigateurs n’interprèteront d’ailleurs pas correctement les bordures si ces 3 propriétés ne sont pas renseignées.

Se référer à ces différentes propriétés pour voir les valeurs existantes.

Les caractèristiques des bordures peuvent être définies individuellement avec “border-left”, “border-bottom”, “border-right” et “border-top”.

Les liens sur les images génèrent une bordure bleue autour de celles-ci, la valeur 0 attribuée à la propriété border pour redéfinir la balise <img> permet de retirer cet effet.

Exemple de script

.bordure1 {
  border: #bcc2fc double 5px;
} 
 
.bordure2 {
  border: dotted #808080 1pt;
}
 
.bordure3 {
  border: thick #ffd700 outset;
}
 
.bordure4 {
  border: groove #9400d3 4px;
}