Il recente articolo Styling an hr element ha risvegliato un po' di interesse sulla personalizzazione di questo elemento con i CSS, la cui difficoltà principale è quella di ottenere una presentazione consistente e cross-browser.
Un paio di riflessioni. Mi chiedevo se l'uso dell'hr sia utile, semantico o indispensabile oppure basti ad esempio usare elementi di pagina già esistenti (quali div, titoli e paragrafi) per aggiungere un separatore visivo, sia esso un bordo o un'immagine di sfondo. La seconda riflessione: il problema della personalizzazione dell'hr è davvero cruciale? Se ci sono differenze di resa cross-browser, non ci vedo niente di male nel racchiudere l'hr
in un div se le questioni design e consistenza sono primarie.
Ho fatto una piccola ricerca, e sono risultati con mia sorpresa molti articoli e risorse sull'argomento, per lo più risalenti al 2002-2004, che presento qui per ulteriori approfondimenti:
- Styling horizontal rules with CSS
- Horizontal Rulez ok!
- Styling HR
- Styling HR (disponibile una traduzione in italiano su Risorse.net)
- Horizontal rules and CSS
- Styling hr tags
- Styling HR, BR Elements
- Sexily styling horizontal rules
- Horizontal Line - css-discuss
Se vuoi aggiornamenti su CSS inserisci la tua email nel box qui sotto:
/https://www.html.it/app/uploads/2025/02/cssday2025-b.png)
/https://www.html.it/app/uploads/2025/01/TailwindCSS.png)
/https://www.html.it/app/uploads/2024/06/css-2.png)