Esempio
Impostare diverso spessore del carattere per tre paragrafi:
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
Prova tu stesso " Definizione e utilizzo
La proprietà font-weight stabilisce come devono essere visualizzati caratteri spessi o sottili nel testo.
| Valore di default: | normal |
|---|---|
| Inherited: | yes |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.fontWeight="bold" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
CSS Sintassi
font-weight: normal|bold|bolder|lighter|number|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| normal | Definisce caratteri normali. Questa è l'impostazione predefinita | Gioca " |
| bold | Definisce personaggi di spessore | Gioca " |
| bolder | Definisce caratteri più spessi | Gioca " |
| lighter | Definisce caratteri più leggeri | Gioca " |
| 100 200 300 400 500 600 700 800 900 | Definisce da sottile a personaggi di spessore. 400 è la stessa come normale, e 700 è lo stesso come grassetto | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Tutorial CSS: CSS Font
Riferimento CSS: font property
Di riferimento HTML DOM: fontWeight property