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

181

Я вижу следующее объявление CSS в таблице стилей:Что означает синтаксис сокращенного шрифта CSS?

font: 12px/18px ...

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

источник

2010-11-02 Webnet

+50

Удивление на огромном количестве вверх голосов для этого. –

+13

@ Разработчик Pixel: вы видели [JavaScript '(0 <5 <3)'] (http://stackoverflow.com/questions/4089284/why-does-0-5-3-return-true) один ? : D – BoltClock

Я не удивлен, я занимаюсь CSS уже более 10 лет и не сталкивался с этим до двух лет назад. –

201

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

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

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

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

W3C CSS2.1 font property reference
W3C CSS3 Fonts Module font property reference (синтаксис переносится из CSS2.1)

источник

2010-11-02 17:15:17 BoltClock

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

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

источник

2010-11-02 17:15:29 poke

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

ответ

Смежные вопросы