Tag hr
Il tag hr definisce una linea orizzontale
di separazione. Il vantaggio del tag è che per
tracciare una singola linea, non è necessario
creare blocchi aggiuntivi. Non richiede un tag di chiusura.
Esempio
Diamo un'occhiata a come funziona il tag hr:
<hr>
:
Esempio
Proviamo a cambiare il colore della linea utilizzando
la proprietà CSS border-color:
<hr style="border-color: red;">
:
Esempio
Il colore della linea può essere cambiato anche con la proprietà
color
(tuttavia, se sono impostate contemporaneamente le proprietà
color e border-color
- la seconda ha priorità):
<hr style="color: red">
:
Esempio
Cambiamo ora il colore della linea utilizzando
la proprietà CSS border.
Nota che in questo caso la linea
diventerà a doppio spessore (poiché abbiamo impostato
un bordo sia in alto che in basso):
<hr style="border: 1px solid red;">
:
Esempio
Proviamo a cambiare il colore della linea con la
proprietà CSS border-top,
e impostiamo solo il bordo superiore. Ora
non ci sarà una linea doppia:
<hr style="border-top: 1px solid red;">
:
Esempio
Rendiamo la linea punteggiata utilizzando
la proprietà CSS border-top,
impostiamo il valore dotted invece di solid:
<hr style="border-top: 1px dotted red;">
:
Esempio
Aumentiamo lo spessore della linea utilizzando
la proprietà CSS border-width:
<hr style="border-width: 10px; border-color: red;">
:
Esempio
Ora aggiungiamo altezza height alla linea
e un bordo tramite border.
Il bordo in questo caso si dividerà in superiore e inferiore:
<hr style="height: 10px; border: 1px solid red;">
:
Vedi anche
-
tag
br,
che definisce un'interruzione di linea
