hr

Comment utiliser la balise <hr> ou <hr /> ?

Les balises <hr> permettent de tracer une ligne horizontale :

Code :

<hr>

affiche la ligne ci dessus :


insère une barre horizontale (ou filet) dans le document.
Balise d'ouverture : Requise.
Balise de fermeture : non requise.

L'attribut align permet de positionner horizontalement la barre dans le document avec les valeurs center, left ou right

<hr align="center" width="37%">


<hr align="left" width="37%">


<hr align="right" width="37%">


 

L'attribut color permet de définir la couleur de la ligne (ne fonctionne pas pour tous les navigateurs)
exemple :
<hr color="blue">


<hr color="#00CC33">

 

L'attribut lang permet de spécifier la langue du texte contenu dans cet élément. (Personnellement je n'en vois pas l'utilité, mais on ne sait jamais)
exemple : lang="fr"

L'attribut noshade permet de définir l'affichage de la barre sans ombrage.
exemple : <hr noshade>


L'attribut size permet de définir l'épaisseur de la barre en pixels
exemple : <hr size="15">


L'attribut title permet de spécifier une aide (bulle) lors du passage de la souris sur le lien
exemple : <a href="#"><hr size="10" title="(X)html / CSS for ever"></a>


L'attribut width permet de définir la longueur de la barre en pixels ou en pourcentage.
exemple : <hr width="50%">


 

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}