balise hr : Différence entre versions
De Vulgum Techus
| Ligne 20 : | Ligne 20 : | ||
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;" /></nowiki> | <nowiki><hr style="width: 100%; color: black; height: 1px;" /></nowiki> | ||
| − | + | <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> | ||
| − | + | <hr style="border: 10px dotted #eeeeee;" color="#000000"; /> | |
Ligne en tirets de 2 pixels d'épaisseur, couleur vert | Ligne en tirets de 2 pixels d'épaisseur, couleur vert | ||
<nowiki><hr style="border: 2px dashed green; " /></nowiki> | <nowiki><hr style="border: 2px dashed green; " /></nowiki> | ||
| − | + | <hr style="border: 2px dashed green; " /> | |
= Commentaires = | = Commentaires = | ||
Version du 24 juin 2019 à 16:02
Lien court vers cette page : https://vt.cx/hr QR code vers cette page : https://vt.cx/hr.qr
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; " />
