Bordures

Ce cours va détailler toutes les propriétés CSS permettant d’ajouter une bordure à un élément HTML, de modifier le type de bordure, d’en modifier l’épaisseur, la couleur, etc.

Le style de bordure

Avant toute chose, il faut préciser quel style de bordure appliquer à l’élément HTML en question. Pour cela, la propriété border-style doit être utilisée.

Cette propriété peut recevoir les valeurs suivantes :

• dotted : Définit une bordure avec des points
• dashed : Définit une bordure avec des pointillés
• solid : Définit une bordure dite solide (avec des traits pleins)
• double : Définit une double bordure
• groove : Définit une bordure rainurée en 3D
• ridge : Définit une bordure striée en 3D
• inset : Définit une bordure en 3D vers l’intérieur
• outset : Définit une bordure en 3D vers l’extérieur
• none : Ne définit aucune bordure
• hidden : Définit une bordure cachée.

Remarque : Toutes les propriétés CSS dans la suite de ce chapitre ne fonctionnent pas si la propriété border-style n’est pas définie.

Taille des bordures