Comment utiliser la balise <hr> ou <hr /> ?
Les balises <hr> permettent de tracer une ligne.
<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 cette 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
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
Définit l’affichage de la barre sans ombrage.
<hr noshade>size
Définit l’épaisseur de la barre, par défaut la valeur est exprimée en pixels
<hr size="15">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é peut être utiliser pour définir la largeur (px – pixel, pt – point, em, % pourcentage…)
La balise <hr> ou <hr /> et le CSS
Les navigateurs ont une interprétaion différente de cette balise, il est difficile d’obtenir un résultat identique pour chacun d’entres 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}