Что здесь означает косая черта:
font: 100%/120%;
Размер шрифта в CSS со слэшем
Ответы (2)
Это фактически устанавливает два свойства и эквивалентно:
font-size: 100%;
line-height: 120%;
Процитируем официальную документацию:
Синтаксис этого свойства основан на традиционной типографской сокращенной записи для установки нескольких свойств, связанных со шрифтами.
Как сказал Дэвид М. в комментариях, это отражает традицию набора шрифтов указывать размеры шрифта как «x pt на y pt», чтобы обозначить размер глифа по высоте строки.
Но пример в вашем вопросе на самом деле неверен и будет проигнорирован браузером: вы можете комбинировать эти два свойства только в сокращенной нотации font, и вы должны указать как минимум размер шрифта и семейство. Поэтому просто написать font: 100%/120%; недостаточно; вы можете добавить общее имя семьи, чтобы сделать его действительным, например:
font: 100%/120% serif;
person
Konrad Rudolph
schedule
31.03.2009
Это отражает старый синтаксис набора текста, где у вас был бы установлен шрифт, например, 10pt на 12pt или 10pt/12pt.
- person David M; 31.03.2009
Я на самом деле использую это совсем немного. Дизайнер, с которым я работаю, всегда называет размер, например, 14 на 22. Однажды я вставил его случайно и был удивлен / доволен, когда он сработал.
- person Dylan Lukes; 08.03.2013
на скорую руку: этот формат также не требует указания семейства шрифтов? Мои браузеры игнорируют это свойство: font: 12px/16px; но принимая это: шрифт: 12px/16px без засечек; Это поведение также задокументировано здесь
- person kumarharsh; 01.07.2013
@Harsh Да, семейство (вместе с размером) минимально требуется для сокращенного свойства
font, как вы можете видеть в официальное определение.
- person Konrad Rudolph; 01.07.2013
благодарю за разъяснение. Возможно, вы можете обновить ответ (или вопрос), поскольку он немного вводит в заблуждение, поскольку случайный читатель может предположить, что сработает только объявление SIZE/LINE_HEIGHT.
- person kumarharsh; 01.07.2013
Конрад получил это, но есть много Сокращенные свойства CSS, которые можно использовать для сокращения таблиц стилей. Некоторые из них выглядят немного загадочно, если вы о них не знаете.
person
Bill the Lizard
schedule
31.03.2009
Однако большинство сокращений относятся к связанным свойствам стиля (например,
border-*). Дэвид дал хорошее объяснение в комментариях к моему ответу. Что касается загадочности сокращений: конечно, так, но чертовски полезно и довольно легко выучить.
- person Konrad Rudolph; 01.04.2009
font-sizeне принимает косую черту. Правильное свойствоfont. - person BoltClock schedule 22.05.2012