<hr>

L'elemento <hr> Horizontal Rules, altro non è che una linea orizzontale divisoria, per default questa linea è ombreggiata e in rilievo. Si possono modificare vari attributi. Questo tag non necessita del relativo tag di chiusura.

<hr> 

Ci sono attributi proprietari di singoli browser, ma se ne sconsiglia l'utilizzo.

Questi gli attributi di formattazione associabili a questo tag: 

 

align

L'attributo serve per impostare il suo allineamento, i valori ammessi sono: left, right e center rispettivamente per: a sinistra, a destra e centrato

Adopero una linea ridotta del 50% per meglio rendere l'idea

<hr align="left">
<hr align="right">
<hr align="center">

Adopero una linea ridotta del 50% per meglio rendere l'idea all'interno del box di esempio.

 

 

 

 

 

color

L'attributo serve per assegnare un colore nella formula: color="nome in inglese" o codice in # esadecimale. L'attributo color non è supportato da tutti i browser e per questo se ne sconsiglia l'uso.

<hr color="red">

Se dichiarato in un foglio di style il risultato è invece lo stesso per tutti i browser:

<hr style="color: #ff0000;">

 

noshade

L'attributo serve per rimuovere l'ombreggiatura, in pratica una barra solida.

<hr noshade>

 

size

L'attributo serve per assegnare uno spessore nella formula: <hr size=numero> Dove numero è espresso in pixel.

<hr size="15">

una riga di spessore 15 pixel

 

width

L'attributo serve per impostare la larghezza nella formula: 

<hr width="numero" | percentuale>

Senza alcuna specifica la linea orizzontale occupa tutta la larghezza della pagina. Con questo attributo si possono specificare numeri o percentuale dove numero sono i pixel e percentuale invece fa riferimento alla percentuale della finestra del browser.

<hr width="150">

una riga di lunhezza 150 pixel

Si possono anche combinare i vari attributi, quello sotto è un esempio per ottenere una riga che sia di colore blu, spessore 3 pixel, larghezza 300 pixel:

<hr width="400" size="3" noshade color="#0000ff">

Non tutti i browser vedranno tutti i risultati dei vari attributi.

Consiglio: meglio usare una dichiarazione di style, in linea o su foglio esterno ridefinendo il tag o creando una classe o un identificatore da associare. Questa si che sarà vista da tutti i browser.

<style type="text/css">

hr {
height: 3px;
width: 400px;
color: #0000ff;
}

</style>