Border

La règle border en CSS est utilisée pour définir les propriétés de la bordure d'un élément HTML. Elle permet de spécifier l'apparence de la bordure qui entoure le contenu de l'élément.

La syntaxe générale de la règle border est la suivante :

border: largeur style couleur;

où :

• largeur fait référence à l'épaisseur de la bordure. Il peut être spécifié en pixels (px), en points (pt), en pourcentage (%), en ems (em), etc.
• style détermine le style de la bordure, comme solid (ligne pleine), dashed (pointillés), dotted (en pointillés), double (double ligne), etc.
• couleur définit la couleur de la bordure. Il peut être spécifié en utilisant des noms de couleurs prédéfinis (comme red pour rouge) ou des codes hexadécimaux (comme #FF0000 pour rouge).

Il est également possible de spécifier ces propriétés individuellement avec les règles border-width, border-style et border-color.

Voici quelques exemples pour illustrer son utilisation :

/* Bordure simple de 1 pixel de large, en noir */
border: 1px solid black;

/* Bordure en pointillés rouges de 2 pixels de large */
border: 2px dotted red;

/* Bordure double de 3 pixels de large, en vert */
border: 3px double green;