|
Home -> Manuali e Tutorials -> Guida CSS -> Formattazione del Testo (2/4)
Scarica il tutorial  | Stampa il tutorial  | Cerca nel sito 
IMPOSTARE LA GRASSETTATURA E DIMENSIONE DEL FONT
Grassettatura
Il testo può essere più o meno grassettato utilizzando l'elemento di stile font-weight.
Valori ammessi sono:
- bold (grassetto)
- bolder (grassetto accentuato)
- lighter (grassetto leggero)
- 100 (grassetto molto leggero)
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900 (grassetto molto accentuato)
Vediamo l'esempio pratico:
<head>
<style type = "text/css">
p { font-weight:bold }
em { font-weight:900 }
</style>
</head>
<body>
<p> Questa riga appare in grassetto </p>
<p><em> Questo riga appare in corsivo ed in grassetto molto accentuato </em></p>
</body>
|
Dimensione del Font
Con questo elemento di stile puoi variare le dimensioni del font.
Si possono usare valori assoluti:
- xx-small (piccolissimo)
- x-small (molto piccolo)
- small (piccolo)
- medium (medio)
- large (grande)
- x-large (molto grande)
- xx-large (grandissimo)
Descrizione
|
Sintassi
|
Risultato
|
| xx-small |
font-size : xx-small |
Risultato |
| x-small |
font-size : x-small |
Risultato |
| small |
font-size : small |
Risultato |
| medium |
font-size : medium |
Risultato |
| large |
font-size : large |
Risultato |
| x-large |
font-size : x-large |
Risultato |
| xx-large |
font-size : xx-large |
Risultato |
|
oppure valore relativi:
- smaller (più piccolo)
- larger (più grande)
Descrizione
|
Sintassi
|
Risultato
|
| xx-small |
font-size : smaller |
Risultato |
| larger |
font-size : larger |
Risultato |
|
o ancora unità di misura come:
- px (pixels)
- mm (millimetri)
- cm (centimetri)
- pt (punti)
- pc (pica equivalenti a 12 punti)
Unità
|
Descrizione
|
Esempio
|
Risultato
|
| cm |
Centimetri |
1cm |
Risultato |
| mm |
Millimetri |
7mm |
Risultato |
| pt |
Punti |
12pt |
Risultato |
| pc |
Pica(=12 punti) |
2pc |
Risultato |
| px |
Pixel |
12px |
Risultato |
|
o una percentuale (es.: 12%).
Ecco un esempio:
<head>
<style type = "text/css">
p { font-size:x-large }
em { font-size:10px }
</style>
</head>
<body>
<p> Questa riga appare scritta in carattere molto grande </p>
<p><em> mentre questa appare in corsivo e di 10 pixels</em></p>
</body>
|
Torna su  | Indice Guida  | Pagina << 4 >>
|
