balise hr : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
Ligne 9 : Ligne 9 :
 
  <nowiki><hr style="border: 10px dotted #eeeeee;" color="#000000"; /></nowiki>
 
  <nowiki><hr style="border: 10px dotted #eeeeee;" color="#000000"; /></nowiki>
 
  <hr style="border: 10px dotted #eeeeee;" color="#000000"; />
 
  <hr style="border: 10px dotted #eeeeee;" color="#000000"; />
  Ligne en points de 10 pixels d'épaisseur, couleur rouge
+
  Ligne en tirets de 2 pixels d'épaisseur, couleur vert
  <nowiki><hr style="border: 10px dotted #eeeeee;" color=red; /></nowiki>
+
  <nowiki><hr style="border: 2px dashed green; " /></nowiki>
  <hr style="border: 100px dotted red; " />
+
  <hr style="border: 2px dashed green; " />

Version du 23 juin 2019 à 00:58

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; background-color: black;" />

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; " />