Атрибут font-size в CSS

Определение и использование

Атрибут font-size может установить размер шрифта.

Описание

Этот атрибут устанавливает размер шрифта элемента. Обратите внимание, что на самом деле он устанавливает высоту рамки символа в шрифте; фактический символ может быть выше или ниже этих рамок (обычно ниже).

Все ключевые слова должны быть больше, чем минимальное ключевое слово, и меньше, чем следующее максимальное ключевое слово.

См. также:

Уроки CSS:Шрифты CSS

Руководство по CSS:Атрибут font в CSS

Руководство по HTML DOM:Атрибут fontSize

Пример

Установите размер для различных HTML элементов:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Попробуйте сами

CSS синтаксис

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;

Значение атрибута

Значение Описание
  • xx-small
  • x-small
  • small
  • средний
  • large
  • x-large
  • xx-large

Установите размер шрифта в различных размерах, от xx-small до xx-large.

Значение по умолчанию: средний.
smaller Установите font-size в размер, меньше размера родительского элемента.
larger Установите font-size в размер, больше размера родительского элемента.
length Установите font-size в фиксированное значение.
% Установите font-size в процентном отношении к размеру родительского элемента.
inherit Определяет, что размер шрифта должен быть инерирован от родительского элемента.

Технические детали

Значение по умолчанию: средний
Инheritability: да
Версия: CSS1
JavaScript синтаксис: объект.style.fontSize="larger"

Пример на TIY

Установка размера шрифта
Этот пример демонстрирует, как можно установить размер шрифта.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0