Dans un document web graphique, la prise en compte de l’environnement des éléments (bordures, arrière-plans et images de fond) constitue la dernière étape majeure
avant de passer aux positionnements d’objets en CSS à proprement parler.
Mettre en forme les bordures
CSS permet d’entourer très simplement les divers éléments de type bloc d’une page
web par des bordures aux caractéristiques (style, épaisseur, couleurs) libres.
Cette possibilité est également offerte aux éléments en ligne remplacés (vus au
chapitre 2), qui possèdent des dimensions par défaut (hauteur et largeur). C’est le cas
de la balise , par exemple.
Les différents styles de bordures
La propriété border-style met en place le type des bordures d’un élément. Tous les
navigateurs ne reconnaissent pas les dix styles de bordures possibles :
• dashed : tirets ;
• dotted : pointillés ;
6
Les bordures,
arrière-plans et images