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;
}