CSS: uniformare gli stili dell'elemento hr

CSS: uniformare gli stili dell'elemento hr

L'elemento hr esiste fin dalle origini dello standard HTML (definito con precisione nelle specifiche HTML 4). Il problema è che le specifiche CSS non definiscono alcuno stile predefinito per questo elemento, quindi il suo layout è definito nel foglio di stile predefinito dei browser.

Per normalizzare questo elemento, ossia per consentirci di applicare degli stili in modo coerente, possiamo usare la seguente soluzione:


hr {
    box-sizing: content-box;
    height: 0;
}

Questa soluzione risolve dei problemi di rendering. Tuttavia la parola "problema" non va intesa come sinonimo di bug, in quanto mancando le specifiche ufficiali tutte le soluzioni dei browser sono da considerarsi valide.

Torna su