CSS
April 19, 2020
⑤Размер шрифта: свойство font-size
Продолжим изучение темы CSS - шрифты. Если пропустили прошлые статьи, то вот ссылки на них:
- ①Семейство шрифтов: свойство font-family
- ②Насыщенность шрифта: свойство font-weight
- ③Ширина шрифта: свойство font-stretch
- ④Начертание шрифта: свойство font-style
5. Размер шрифта: свойство font-size
Свойство font-size указывает желаемую высоту глифов из шрифта.
Свойство наследуется.
font-size
Значения:
- absolute-size - xx-small, x-small, small, medium, large, x-large, xx-large. В качестве стандартного размера принимается medium. В CSS1 предложенный коэффициент масштабирования между соседними индексами составлял 1.5, что для пользователя оказалось слишком большим. В CSS2 предложенный коэффициент масштабирования для экрана компьютера между смежными индексами составлял 1.2, что все еще создавало проблемы для небольших размеров. Новый коэффициент масштабирования варьируется между каждым индексом, чтобы обеспечить лучшую читаемость.
- relative-siz - smaller, larger. Относительные размеры обусловливают изменение размера шрифта элемента относительно родителя. При этом размер шрифта может выйти за рамки размеров, предполагаемых для xx-small и xx-large.
- длина - Размер шрифта устанавливается с помощью положительных значений единиц длины, например, px, em, как целых, так и дробных.
- % - Относительное значение, вычисляется на основании любого размера, унаследованного от родительского элемента. Обеспечивает более точную настройку вычисляемого размера шрифта. Задание размеров шрифта с помощью em эквивалентно процентному значению.
- initial - Устанавливает значение свойства в значение по умолчанию.
- inherit - Наследует значение свойства от родительского элемента.
Синтаксис
CSS
font-size: xx-small; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; font-size: xx-large; font-size: smaller; font-size: larger; font-size: 14px; font-size: 0.8em; font-size: 80%; font-size: inherit; font-size: initial;
Продолжение в следующей статье!