Balise HTML <hr>

Définition et utilisation

<hr> Les balises définissent les séparations de thèmes dans les pages HTML (par exemple, le changement de sujet).

<hr> Les éléments sont généralement affichés sous forme de lignes horizontales, utilisées pour séparer le contenu des pages HTML ou définir des changements sur le contenu.

Voir également :

Manuel de référence HTML DOM :Objet HR

Exemple

Exemple 1

Utilisation <hr> Les balises définissent les changements de thèmes dans le contenu :

<h1>Les principaux langages du Web</h1>
<p>HTML est le langage de balisage standard utilisé pour créer des pages Web. HTML décrit la structure des pages Web, composées d'une série d'éléments...</p>
<hr>
<p>CSS est un langage de description de la manière dont les éléments HTML sont affichés sur l'écran, le papier ou d'autres médias...</p>
<hr>
<p>JavaScript est le langage de programmation utilisé pour HTML et le Web. JavaScript peut modifier le contenu et les valeurs des attributs HTML...</p>

Essayer vous-même

Exemple 2

Alignement <hr> Élément (Utilisation de CSS) :

<hr style="width:50%;text-align:left;margin-left:0">

Essayer vous-même

Exemple 3

Sans ombre <hr> (Utilisation de CSS) :

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

Essayer vous-même

Exemple 4

Réglage <hr> Hauteur de l'élément (utilisation CSS) :

<hr style="height:30px">

Essayer vous-même

Exemple 5

Réglage <hr> Largeur de l'élément (utilisation CSS) :

<hr style="width:50%">

Essayer vous-même

Attributs globaux

<hr> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<hr> Les balises prennent également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

La plupart des navigateurs utiliseront les valeurs par défaut suivantes pour afficher <hr> Élément :

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: encastré;
  border-width: 1px;
}

Essayer vous-même

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support