<hr> : l'élément de rupture thématique (règle horizontale)

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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'une section).

Exemple interactif

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.

Attributs

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

Attributs dépréciés, obsolètes ou non-standard

align Obsolète

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 Non-standard

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 Obsolète

Avec cet attribut, la ligne horizontale n'aura pas d'ombre.

size Obsolète

Définit la hauteur de la ligne, exprimée en pixels.

width Obsolète

Définit la longueur de la ligne, exprimée par une valeur en pixels ou en pourcents.

Exemples

HTML

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

Résumé technique

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

Spécifications

Specification
HTML Standard
# the-hr-element

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi

  • <p> qui permet de constituer des paragraphes.