Che cosa significa la barra in avanti nella scorciatoia del font CSS?

186

Vedo la seguente dichiarazione CSS in un foglio di stile:

font: 12px/18px ...

Cosa 12px/18pxsignifica esattamente la parte?

css fonts

— Webnet
fonte

2

Non è corretto chiudere questo come troppo localizzato. La domanda è semplice, così come la risposta, ma è chiaramente qualcosa che la gente fa spesso e ha una buona risposta.

— Jukka K. Korpela,

206

12pxè la dimensione del carattere, 18pxè l'altezza della linea.

La sintassi si basa sulla notazione tipografica per specificare le rispettive dimensioni ed è applicabile solo alla fontproprietà abbreviata. In altre parole, la dichiarazione di cui sopra si espande semplicemente alla seguente:

font-size: 12px;
line-height: 18px;

Come sempre, se si imposta l'altezza della linea su un valore relativo (ad es. Percentuale o em), viene calcolata in relazione alla dimensione del carattere.

W3C CSS2.1 fontriferimento struttura
W3C CSS3 Fonts Module fontriferimento struttura (la sintassi trasporta sulla CSS2.1)

— BoltClock
fonte

66

È equivalente a:

font-size: 12px;
line-height: 18px;

— colpire
fonte