- Mozilla et Netscape : hr = une ligne de 1px de haut + une bordure de 1px
- Internet Explorer : hr = une ligne de 1px de haut
- Opéra et Safari : hr = une bordure de 2px
Donc, afin d’uniformiser la couleur sous tous les navigateurs,
- pour ie, modifier color,
- pour opera et safari : border-color, et
- background-color pour (mozilla).
Pour contrôler la taille de la hauteur de la ligne, le plus simple est de supprimer la bordure générée et de stipuler une hauteur fixe (height) qui devient alors la hauteur totale de l’élément.
Une ligne de 1 px jaune, aura donc le style CSS appliqué suivant :
color: yellow;
background-color: yellow;
height: 1px;
border: 0;
RSS 2.0