Programmazione Web » Css » Scrivere testo in verticale con i CSS
Scrivere testo in verticale con i CSS
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1145 volte
Alle volte, più per un effetto grafico che per necessità, può esserci utile scrivere del testo in verticale su una pagina web!
Quello che oggi vi illustrerò è un modo semplicissimo che ci permette di ovviare alle classiche "andate a capo" tramite interruzioni di riga!
L'effetto è infatti realizzabile mediante il seguente codice:
<p>
S<br />
A<br />
S<br />
S<br />
I<br />
D<br />
E<br />
S<br />
I<br />
G<br />
N
</p>
E' possibile mantenere più pulito e meno ingombrante il codice utilizzando la proprietà writing-mode messa a disposizione dai Css, mantenendo allo stesso tempo il medesimo effetto grafico! Vediamo come:
<p style="writing-mode: tb-rl;">SASSIDESIGN</p>
Unica pecca: l'effetto sarà visibile solo con MS IExplorer.
Aggiungi questo tutorial ai preferiti
