2010-11-02 11 views
181

Ich sehe die folgende CSS-Deklaration in einem Stylesheet:Was bedeutet diese CSS-Schriftstichwort-Syntax?

font: 12px/18px ... 

Was bedeutet der 12px/18px Teil bedeutet das genau?

+50

Überrascht für diesen einen in der riesigen Menge von bis-Stimmen. –

+13

@The Pixel Developer: Hast du das [JavaScript '(0 <5 <3)'] (http://stackoverflow.com/questions/4089284/why-does-0-5-3-return-true) gesehen ? : D – BoltClock

+8

Ich bin nicht so überrascht, ich mache CSS seit über 10 Jahren und bin erst vor zwei Jahren dazu gekommen. –

Antwort

201

12px ist die Schriftgröße, 18px ist die Zeilenhöhe.

Die Syntax basiert auf typografischer Notation zur Angabe der jeweiligen Größen und gilt nur für die Kurzschrift-Eigenschaft font. Mit anderen Worten, einfach die obige Erklärung des folgenden erweitert:

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

Wie immer, wenn Sie die Zeilenhöhe auf einen relativen Wert (z Prozentsatz oder ems) gesetzt ist, ist es in Bezug auf die Schriftgröße berechnet.

W3C CSS2.1 font property reference
W3C CSS3 Fonts Module font property reference (die Syntax trägt aus CSS2.1 über)

67

Es äquivalent ist:

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