Подтвердить что ты не робот

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

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

font: 12px/18px ...

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

4b9b3361

Ответ 1

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

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

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

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

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

Ответ 2

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

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