|
|
|
Per testo
| |
Scritto il 09/07/2002
|
Font
Permette di specificare vari attributi da attribure il testo. I valori sono quivalenti a quelli che possono essere specificati con "font-style", "font-size", "font-variant" e "font-weight":
P { font: normal bold 15px Verdana,Arial }
Font-style
Permette di utilizzare uno stile per il testo, ed è possibile utilizzare i valori: "normal" (default, omettibile), "italic" (corsivo), "oblique".
P { font-style: italic }
Font-size
Permette di definire la grandezza del testo. Come valore utilizzare una lunghezza assoluta!
P { font-size:15px }
Font-variant
Rende maiuscolo o maiuscoletto il testo. I valori possibili:
- "normal" maiscolo
- "small-caps" maiuscoletto
P { font-variant: small-caps }
Color
Permette di specificare il colore del testo, ed è possibile specificare il colore in più modi.
P { color:red }
Font src
nel caso in cui i client non abbia il font desiderato è possibile andarlo a recuperare con un URL:
@font-face { font family:CoolFont;
src:url(http://emmeffenet.tripod.com/font.tff); }
Font-family
Permette di utilizzare il tipo di font che si vuole per visualizzare il testo:
P { font-family:"times new roman", verdana, arial }
Text-align
Permette di definire l'allinemanto del testo:
- left (sinistra)
- right (destra)
- center (centrato)
- Justify (giustificato)
P { font-family:Verdana; text-align:right; }
Letter-spacing
Definisce lo spazio fra una lettera e la seguente, il valore può anche essere negativo!!
P {font-family:Verdana; letter-spacing:2em;}
Line height
Definisce l'interlinea di un testo:
P {font-family:Verdana; line-height:3em;}
Font-weight
Permette di specificare lo spessore dei caratteri.
- "normal" valore 400,
- "bold" valore 700
- "bolder"
- "lighter"
- "100, 200,... 900" ogni numero indica un diverso spessore.
P { font-weight: 400 } = P { font-weight: normal }
Text trasformation
Permette di trasformare il testo:
- "lowercase" minuscolo
- "capitalize" maiuscole le iniziali di ogni parola
- "uppercase" maiscolo
- "none" (default)
P {font-family:Verdana;
text-trasformation:capitalize;}
|
|
|
|
|
