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

Exemple interactif

<p>§1: The first rule of Fight Club is: You do not talk about Fight Club.</p>

<hr />

<p>§2: The second rule of Fight Club is: Always bring cupcakes.</p>

hr {
  border: none;
  border-top: 3px double #333;
  color: #333;
  overflow: visible;
  text-align: center;
  height: 5px;
}

hr::after {
  background: #fff;
  content: "§";
  padding: 0 4px;
  position: relative;
  top: -13px;
}

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

<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

Spécifications

Compatibilité des navigateurs

Voir aussi

• <p> qui permet de constituer des paragraphes.