CSS-свойство font-size устанавливает размер шрифта для текстового содержимого элемента.
| Значение по умолчанию: | medium |
| Применяется к: | Все элементы |
| Наследование: | Да |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | CSS 1, 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
font-size: xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | length | percentage | initial | inherit
Примеры написания кода свойства font-size:
body {
font-size: 14px;
}
h1 {
font-size: 2em;
}
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
xx-small |
Набор ключевых слов. Эти ключевые слова масштабируют размер шрифта текста в соответствии с настройками шрифта браузера пользователя и внутренними алгоритмами масштабирования шрифта браузера. Среднее значение (16px) |
x-small |
|
small |
|
medium |
|
large |
|
x-large |
|
xx-large |
|
smaller |
Меньше или больше, или размер шрифта родительского элемента, примерно на соотношение, используемое для разделения ключевых слов абсолютного размера выше. Например, если родительский элемент имеет размер шрифта |
larger |
|
| length | Значение в px, pt, cm, em, и т.д. Отрицательные значения не допускаются. |
| percentage | Устанавливает размер шрифта в процентах от размера шрифта родительского элемента. Отрицательные значения не допускаются. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента font-size. |
Значение по умолчанию для свойства font-size — medium (16px) во всех современных браузерах, таких как Firefox, Chrome, IE, Safari, Opera и т. д.
Поддержка браузеров
Свойства font-size поддерживается во всех основных браузерах.















