Effetti su testo

In questa lezione parleremo dell'aspetto che possiamo dare ad un font:

)> letter-spacing:
questo attributo stabilisce la distanza tra le singole lettere all'interno di un documento. I valori vengono espressi in em.

Esempio:

<DIV STYLE="font-family:verdana; letter-spacing:1em">
Guidainlinea.com - Il portale del Webmaster. Il sito ha il piu' grande archivio di script free in ASP d'Italia. In continuo aggiornamento.
</DIV>

)> text-transform:
grazie a questo attributo potrete manipolare le lettera maiuscole e minuscole con l'uso di sole 3 parole chiave: 

- uppercase (rende maiuscole tutte le lettere)

<DIV STYLE="font-family:verdana; text-transform:uppercase">
Guidainlinea.com - Il portale del Webmaster. Il sito ha il piu' grande archivio di script free in ASP d'Italia. In continuo aggiornamento.
</DIV>

- capitalize (rende maiuscola solo la prima lettera di ogni parola)

<DIV STYLE="font-family:verdana; text-transform:capitalize">
Guidainlinea.com - Il portale del Webmaster. Il sito ha il piu' grande archivio di script free in ASP d'Italia. In continuo aggiornamento.
</DIV>

- lowercase (rende minuscole tutte le lettere)

<DIV STYLE="font-family:verdana; text-transform:lowercase">
Guidainlinea.com - Il portale del Webmaster. Il sito ha il piu' grande archivio di script free in ASP d'Italia. In continuo aggiornamento.
</DIV>

)> text-align:
questo attributo ha la funzione di far visualizzare il testo in quattro posizioni diverse: left (sinistra), center (centro), right (destra) e justify (giustificato). 

<DIV STYLE="font-family:verdana; text-align: center">
Guidainlinea.com - Il portale del Webmaster. Il sito ha il piu' grande archivio di script free in ASP d'Italia. In continuo aggiornamento.
</DIV>

)> text-indent:
questo attributo serve a definire la quantita' di spazio aggiunta immeditamente prima della prima parola. Il volere dell'attributo viene espresso in em.

<DIV STYLE="font-family:verdana; text-indent: 5em">
Guidainlinea.com - Il portale del Webmaster. Il sito ha il piu' grande archivio di script free in ASP d'Italia. In continuo aggiornamento.
</DIV>

)> line-height:
questo attributo viene usato per definire la distanza verticale tra le varie linee di testo. I valori sono espressi in percentuali o in unita' assoluti em. Questi valori sono direttamente proporzionali alla grandezza del testo. 

<DIV STYLE="font-family:verdana; font-size:10px; width:360px; line-height: 2em">
Guidainlinea.com - Il portale del Webmaster. Il sito ha il piu' grande archivio di script free in ASP d'Italia. In continuo aggiornamento.
</DIV>

)> list-style:
questo attributo sostituisce i punti elenco standard di HTML con immagini (GIF). 

<style type="text/css">
UL { list-style-image:URL(nomeimmagine.gif) }
</style>

Lezione successiva ->