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}