Les bordures, arrière-plans et images
CHAPITRE 6
89
En HTML, on peut résoudre ce problème en précisant l’attribut border="0" :
Il convient pourtant, nous l’avons vu, de déporter les propriétés de mise en forme
(telles que les détails des bordures) vers les styles CSS. Le style suivant supprime la
bordure de toutes les images du document :
En notation raccourcie :
Ce style s’applique à toutes les images de la page, sans limiter son action à celles qui
sont la source d’un lien hypertexte.
Pour conserver les bordures sur certaines images, il suffit de remplacer le sélecteur
img par un sélecteur de classe :
Cette dernière déclaration n’affectera que les bordures des images de la classe
sansBordure, par exemple :
De la même manière, on n’opérera que les bordures des images contenues dans un
lien en écrivant la déclaration :
Celle-ci relevant du sélecteur a img, elle ne concernera que les liens () renfermant
des images (), et ceci à n’importe quel niveau de profondeur (toutes les images du
lien seront concernées, et pas uniquement les descendants directs de l’élément ).
Afficher un trait vertical
Par une utilisation astucieuse des bordures, on peut encore mettre en place une ligne
verticale dans un document.

img {
border-width: 0;
border-style: none;
}
img {border: 0 none;}
img.sansBordure {border: 0 none;}

a img {border: 0 none;}