Размер шрифта в CSS с косой чертой - PullRequest
119 голосов
/ 31 марта 2009

Что означает слеш здесь:

font: 100%/120%;

Ответы [ 2 ]

177 голосов
/ 31 марта 2009

Это фактически устанавливает два свойства и эквивалентно:

font-size: 100%;
line-height: 120%;

Цитировать официальную документацию :

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

Как сказал Дэвид М. в комментариях, он отражает традицию набора текста, определяя размеры шрифта как « x pt на y pt» для обозначения размера глифа на высоте строки. 1016 *

Но пример в вашем вопросе на самом деле неверен и будет игнорироваться браузером: вы можете объединить эти два свойства только в краткой записи font, и вы должны указать хотя бы оба шрифта размер и семья. Поэтому простого написания font: 100%/120%; недостаточно; Вы можете добавить общее имя семьи, чтобы сделать его действительным, например ::

font: 100%/120% serif;
14 голосов
/ 31 марта 2009

Конрад получил это, но есть множество сокращенных CSS таких свойств, которые вы можете использовать для сокращения ваших таблиц стилей. Некоторые из них выглядят немного загадочно, если вы о них не знаете.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...