Что означает косая черта в сокращении шрифта CSS?

186

Я вижу следующее объявление CSS в таблице стилей:

font: 12px/18px ...

Что 12px/18pxконкретно означает эта часть?

css fonts Webnet
источник
2
Было неправильно закрывать это как слишком локализованное. Вопрос прост, как и ответ, но люди часто задают этот вопрос и имеют хороший ответ.
Юкка К. Корпела

Ответы:

206

12pxэто размер шрифта, 18pxэто высота строки.

Синтаксис основан на типографской нотации для указания соответствующих размеров и применим только к fontсокращенному свойству. Другими словами, вышеприведенное объявление просто расширяется до следующего:

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

Как всегда, если вы установите относительную величину высоты строки (например, в процентах или ems), она рассчитывается относительно размера шрифта.

W3C CSS2.1 fontссылка свойство
W3C CSS3 Fonts Module fontссылка свойство (синтаксис переносится из CSS2.1)

BoltClock
источник
66

Это эквивалентно:

font-size: 12px;
line-height: 18px;
совать
источник