font-size
Поддержка браузерами
| 12.0+ | 5.5+ | 1.0+ | 1.0+ | 7.0+ | 1.0+ |
Описание
CSS свойство font-size позволяет увеличивать или уменьшать размер текста. Установка размера текста, в свою очередь, может изменить размеры других элементов, так как размер текста используется для вычисления значения таких единиц измерения как em и ex.
Примечание: для изменения цвета текста используется CSS свойство color, для изменения стиля - font-style, для выравнивания - text-align, а для добавления тени - text-shadow.
| Значение по умолчанию: | medium |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | да |
| Наследуется: | да |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.fontSize="larger" |
Синтаксис
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| xx-small | Сверх мелкий размер шрифта. |
| x-small | Очень маленький размер шрифта. |
| small | Маленький размер шрифта. |
| medium | Средний размер шрифта. |
| large | Большой размер шрифта. |
| x-large | Очень большой размер шрифта. |
| xx-large | Огромный размер шрифта. |
| smaller | Маленький размер шрифта в сравнении с родительским элементом. |
| larger | Большой размер шрифта в сравнении с родительским элементом. |
| размер | Указания размера с помощью единиц измерения, используемых в CSS. |
| % | Определение размера шрифта в процентом соотношении от родительского элемента. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
font-size:
Результат:
Попробуйте изменить размер текста, кликнув на нужное значение.
CSS Код:
div {
font-size: xx-small;
}
font-size: xx-small;
}