190

I'm seeing the following CSS declaration in a stylesheet:

font: 12px/18px ...

What does the 12px/18px part mean exactly?

1
  • 2
    It was incorrect to close this as too localized. The question is simple, and so is the answer, but it is clearly something that people ask often, and has a good answer. Nov 16, 2012 at 14:22

2 Answers 2

209

12px is the font size, 18px is the line height.

The syntax is based on typographical notation for specifying the respective sizes, and is only applicable to the font shorthand property. In other words, the above declaration simply expands to the following:

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

As always, if you set the line height to a relative value (e.g. percentage or ems), it's calculated relative to the font size.

W3C CSS2.1 font property reference
W3C CSS3 Fonts Module font property reference (the syntax carries over from CSS2.1)

0
66

It's equivalent to:

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.