L'élément HTML <hr> représente un changement thématique entre des éléments de paragraphe (par exemple, un changement de décor dans un récit, un changement de sujet au sein d'un section). Dans les versions précédentes d'HTML, il représente une ligne horizontale. Bien qu'il puisse toujours être représenté ainsi par les navigateurs graphiques, il possède désormais une signification sémantique et ne représente plus un élément de mise en forme.

Catégories de contenu Contenu de flux
Contenu autorisé Aucun, c'est un élément vide.
Omission de balises Cet élément doit avoir une balise ouvrante mais ne doit pas avoir de balise fermante.
Parents autorisés Tout élément qui accepte du contenu de flux.
Rôles ARIA autorisés presentation
Interface DOM HTMLHRElement

Attributs

Cet élément prend en charge les attributs universels.

align
Définit l'alignement de la ligne horizontale sur la page. Si aucune valeur n'est renseignée, la valeur prise par défaut est left.
color
Définit la couleur à utiliser pour la ligne horizontale, grâce à un nom de couleur SVG ou à un code hexadécimal (précédé d'un #).
noshade
Avec cet attribut, la ligne horizontale n'aura pas d'ombre.
size
Définit la hauteur de la ligne, exprimée en pixels.
width
Définit la longueur de la ligne, exprimée par une valeur en pixels ou en pourcents.

Exemples

HTML

<p>
  Ceci est le premier paragraphe du texte.
  Les pandas roux sont géniaux.
  C'est mignon et c'est tout doux.
</p>

<hr>

<p>
  Ceci est le deuxième paragraphe du texte.
  Les poneys ne sont pas pareils.
  Ils sont plus grands et moins exotiques.
</p>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<hr>' dans cette spécification.
Standard évolutif Définition de l'élément hr
HTML Living Standard Standard évolutif Suggestion de rendu par défaut de l'élément hr
HTML5
La définition de '<hr>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<hr>' dans cette spécification.
Recommendation Les attributs align, noshade, size, width sont désormais dépréciés.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
align
ObsolèteNon-standard
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
color
ObsolèteNon-standard
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
noshade
ObsolèteNon-standard
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
size
ObsolèteNon-standard
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
width
ObsolèteNon-standard
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.

Voir aussi

  • <p> qui permet de constituer des paragraphes.

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : PhilippeV, SphinxKnight, louuis, Fredchat, tregagnon, zizielmehdi
Dernière mise à jour par : PhilippeV,