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


186

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

font: 12px/18px ...

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


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

Ответы:


206

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

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

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

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

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


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.