Comment utiliser la balise <hr> ou <hr /> dans une page html ?
La balise <hr> permet de tracer une ligne horizontale dans la page.
<hr>La balise d’ouverture est requise, mais pas la balise de fermeture.
Les attributs
Les attributs suivants peuvent être placés dans les balises <hr>.
align
L’attribut align permet de définir l’alignement horizontal du contenu. L’attribut align doit avoir pour valeur left, right, ou center. Attention, cet attribut ne fonctionne que si la largeur de la ligne est inférieur à 100 % ou à la largeur de son parent.
left
La valeur left permet d’aligner la ligne sur la gauche.
right
La valeur right permet d’aligner la ligne sur la droite.
center
La valeur center permet de centrer la ligne.
<hr align="center" width="37%">color
L’attribut color définit la couleur de la ligne (ne fonctionne pas pour tous les navigateurs).
<hr color="blue">
<hr color="#00CC33">lang
Spécifie la langue du texte contenu dans cet élément. (Personnellement, je n’en vois pas l’utilité, mais on ne sait jamais)
exemple : <hr lang="fr">
noshade
L’attribut noshade définit l’affichage de la barre sans ombrage.
<hr noshade>size
L’attribut size définit l’épaisseur de la barre, par défaut la valeur est exprimée en pixels.
<hr size="15">title
L’attribut title spécifie une aide (bulle) lors du passage de la souris sur le lien.
<a href="#"><hr size="10" title="(X)html / CSS for ever"></a>width
L’attribut width permet de définir la largeur de la ligne. Un grand nombre d’unités peut être utilisé pour définir la largeur (px – pixel, pt – point, em, % pourcentage…).
La balise <hr> ou <hr /> et le CSS
Les navigateurs ont une interprétation différente de cette balise, il est difficile d’obtenir un résultat identique pour chacun d’entre eux.
Pour modifier la couleur, il faut définir la propriété color et background-color.
hr {color:red; background-color:red; border:0; height:2px}