balise hr : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
Ligne 4 : Ligne 4 :
 
Override possible avec, par exemple :
 
Override possible avec, par exemple :
 
  Ligne pleine de 1 pixel d'épaisseur, couleur noire, toute la largeur du bloc
 
  Ligne pleine de 1 pixel d'épaisseur, couleur noire, toute la largeur du bloc
  <nowiki><hr style="width: 100%; color: black; height: 1px; background-color: black;" /></nowiki>
+
  <nowiki><hr style="width: 100%; color: black; height: 1px;" /></nowiki>
  <hr style="width: 100%; color: black; height: 1px; background-color: black;" />
+
  <hr style="width: 100%; color: black; height: 1px;" />
 
  Ligne en points de 10 pixels d'épaisseur, couleur noire
 
  Ligne en points de 10 pixels d'épaisseur, couleur noire
 
  <nowiki><hr style="border: 10px dotted #eeeeee;" color="#000000"; /></nowiki>
 
  <nowiki><hr style="border: 10px dotted #eeeeee;" color="#000000"; /></nowiki>

Version du 24 juin 2019 à 15:47

Balise utilisée en HTML5, hr pour horizontal rule sert à tracer une ligne dont les propriétés sont définies le CSS du template ou dans le code de la page. De nombreux paramètres permettent des très intéressants effets dont certains sont peu connus.

Override possible avec, par exemple :

Ligne pleine de 1 pixel d'épaisseur, couleur noire, toute la largeur du bloc
<hr style="width: 100%; color: black; height: 1px;" />

Ligne en points de 10 pixels d'épaisseur, couleur noire
<hr style="border: 10px dotted #eeeeee;" color="#000000"; />

Ligne en tirets de 2 pixels d'épaisseur, couleur vert
<hr style="border: 2px dashed green; " />