La balise hr
La balise hr définit une ligne horizontale de
séparation. L'avantage de cette balise est que pour
tracer une ligne unique, il n'est pas nécessaire de
créer des blocs supplémentaires. Ne nécessite pas de
balise fermante.
Exemple
Voyons comment fonctionne la balise hr :
<hr>
:
Exemple
Essayons de changer la couleur de la ligne à l'aide de
la propriété CSS border-color :
<hr style="border-color: red;">
:
Exemple
La couleur de la ligne peut également être modifiée avec la propriété
color
(cependant, si les propriétés
color et border-color
sont définies simultanément - la seconde a la priorité) :
<hr style="color: red">
:
Exemple
Changeons maintenant la couleur de la ligne avec
la propriété CSS border.
Remarquez que la ligne deviendra alors
double épaisseur (car nous avons défini une
bordure en haut et en bas) :
<hr style="border: 1px solid red;">
:
Exemple
Essayons de changer la couleur de la ligne avec la
propriété CSS border-top,
et définissons uniquement la bordure supérieure. Maintenant,
il n'y aura plus de ligne double :
<hr style="border-top: 1px solid red;">
:
Exemple
Créons une ligne en pointillés avec
la propriété CSS border-top,
définissons la valeur dotted au lieu de solid :
<hr style="border-top: 1px dotted red;">
:
Exemple
Augmentons l'épaisseur de la ligne avec
la propriété CSS border-width :
<hr style="border-width: 10px; border-color: red;">
:
Exemple
Maintenant, ajoutons une hauteur height à la ligne
et une bordure via border.
La bordure se divisera alors en partie supérieure et inférieure :
<hr style="height: 10px; border: 1px solid red;">
:
Voir aussi
-
la balise
br,
qui provoque un saut de ligne
