Tag <hr /> in verticale

La tip di oggi dimostra come inserire il tag <hr /> (horizontal rule) in posizione verticale, invece che in quella classica, cioè orizzontale.

La proprietà per un tag <hr /> in verticale è:

layout-flow:vertical-ideographic

Per poter vedere la linea verticale, non si deve fare altro che inserire questo parametro in uno style, in questo modo:

<style="layout-flow:vertical-ideographic">

Altri parametri che si possono usare per il tag <hr /> sono:

• align=" left | center | right " >> imposta l'allineamento del tag;
• width=" n px" >> imposta la larghezza in pixel del tag
• size=" n px oppure n %" >> dimensione ( in questo caso lunghezza) del tag; accetta misure in pixel o in percentuale.
• noshade se non vogliamo l'ombreggiatura.

Da notare bene che a differenza di un normale tag <hr /> (in orizzontale), le proprietà width e size sono invertite:

size= " "

indica la lunghezza del tag;

width=" "

indica la larghezza.

Ecco un esempio:

<hr style="layout-flow:vertical-ideographic;" color="#0000FF" width="2"  />