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
поддерживается во всех основных браузерах.