Corsi on-line

Tag “hr” stilizzato con Firefox

Come è noto il tag <hr /> è un elemento di markup che permette di posizionare all’interno di una pagina una linea orizzontale; nativamente questo tag produce una linea di colore grigio non particolarmente attraente dal punto di vista grafico, è però possibile migliorarla utilizzando gli stili CSS.

Per <hr /> Firefox non supporta alcune stilizzazioni utilizzabili invece con Internet Explorer, ciò però non significa che questo tag non possa essere associato a delle regole di stile compatibili con il noto browser Open Source. Di seguito un codice d’esempio:

hr  {
border: 0;
height: 1px;
color: #E87B00;
background-color: yellow;
}

Questo codice CSS consentirà di visualizzare, anche in Firefox, una linea orizzontale dello spessore di 1 px, di colore arancione su sfondo giallo.

Si ricorda che gli attributi

  • align
  • noshade
  • size
  • width

Sono deprecati per <hr /> in HTML 4.01 e XHTML 1.0 DTD e al loro posto devono essere utilizzati i fogli di stile CSS.

Post correlati
I più letti del mese
Tematiche