Was bedeutet der Schrägstrich in der CSS-Kurzschrift?

186

Ich sehe die folgende CSS-Deklaration in einem Stylesheet:

font: 12px/18px ...

Was bedeutet der 12px/18pxTeil genau?

Webnet
quelle
2
Es war falsch, dies als zu lokalisiert zu schließen. Die Frage ist einfach, ebenso wie die Antwort, aber es ist eindeutig etwas, das die Leute oft fragen und das eine gute Antwort hat.
Jukka K. Korpela

Antworten:

206

12pxist die Schriftgröße, 18pxist die Zeilenhöhe.

Die Syntax basiert auf der typografischen Notation zur Angabe der jeweiligen Größen und gilt nur für die fontShorthand-Eigenschaft. Mit anderen Worten, die obige Erklärung erweitert sich einfach auf Folgendes:

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

Wenn Sie die Zeilenhöhe auf einen relativen Wert (z. B. Prozentsatz oder ems) festlegen, wird dieser wie immer relativ zur Schriftgröße berechnet.

W3C CSS2.1- fontEigenschaftsreferenz
W3C CSS3-Schriftarten Modul- fontEigenschaftsreferenz (die Syntax wird von CSS2.1 übernommen)

BoltClock
quelle
66

Es ist äquivalent zu:

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