CSS/Proprietà di base/Testo avanzato: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
mNessun oggetto della modifica
Nessun oggetto della modifica
Riga 5:
 
'''Sintassi''':
selettore { font-sizefamily: <valore>; }
dove <code><valore></code> è una sequenza di uno o più tipi di carattere indicati tra apici nell'ordine in cui verranno usati nel caso non siano installati sul sistema operativo dell'utente. &Egrave; possibile inoltre definire una famiglia generale di caratteri tramite i seguenti valori:
*'''serif''': le [[w:Serif|serif]] sono le grazie, ovvero gli abbellimenti delle lettere, che presentano caratteri come il Times New Roman o il FreeSerif. &Egrave; usato soprattutto per la stampa, in quanto la lettura delle grazie su schermo risulta più faticosa. Esempio: <span style="font-family:serif">Testo con serif</span>.
*'''sans-serif''': sono [[w:sans serif|sans-serif]] (senza grazie) font come il Verdana, l'Arial, il FreeSans, l'Helvetica, ecc... Sono usati prevalentemente per lo schermo. Esempio: <span style="font-family:sans-serif">Testo senza serif</span>.
*'''cursive''': i font cursive presentano delle caratteri più simili alla calligrafiagrafia umana piuttosto che a quelli di stampa. Esempio: <span style="font-family:cursive">Cursive</span>.
*'''fantasy''': caratteri che uniscono la visualizzazione del testo ad elementi decorativi. Esempio: <span style="font-family:fantasy">Testo fantasioso</span>.
*'''monospace''': caratteri tipo telescrivente o macchina da scrivere e quindi monospaziati, come il Courier. Esempio: <span style="font-family:monospace">Testo monospaziato</span>.
Ad esempio possiamo definire così il font di una pagina web:
<source lang=css>
body { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; }
</source>
 
Riga 40:
'''Sintassi''':
selettore { font-style: <valore>; }
dove <code>valore</code> può essere '''normal''', '''cursiveitalic''' o '''oblique'''.
 
== font-variant ==
Riga 64:
*'''small-caption''': il font usato per le etichette dei piccoli controlli
*'''status-bar''': il font usato per la barra di stato delle finestre
 
== font-stretch e font-size-adjust ==
Nelle specifiche CSS 2 sono deefinite anche le proprietà font-stretch e font-size-adjust sfortunatamente poco usate a causa della loro scarsa compatibilità con i vari browser. Pertanto non ci soffermeremo su di esse in questa sede
 
 
[[Categoria:CSS|Testo avanzato]]