English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Метод использования и примеры свойства font-size CSS

Свойство font-size CSS используется для установки размера шрифта текстового содержимого элемента.

В таблице приведено описание использования и историю версий этого свойства, а также синтаксис использования в скриптах JavaScript.

Значение по умолчанию:medium
Применяется к:Все элементы
Инherit:Да
Анимация возможна:Да.См. также Анимационные свойства.
Версия:CSS 1, 2, 3
JavaScript синтаксис:object.style.fontSize="medium"

Синтаксис использования font-size

Синтаксис этого свойства следующий:

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

Группа абсолютных ключевых слов размера. Эти ключевые слова масштабируются размером шрифта текста в зависимости от предпочтений пользователей в настройках шрифта браузера и внутренних алгоритмов масштабирования шрифта браузера.

Среднее значение свойства font-size (16px) соответствует размеру шрифта по умолчанию в браузере пользователя.

x-small
small
medium
large
x-large
xx-large
smaller

Меньше или больше или больше размера шрифта родительского элемента, используемые для разделения относительных ключевых слов абсолютных размеров.

Например, если размер шрифта родительского элемента medium, то значение larger сделает размер шрифта текущего элемента large.

larger
lengthИспользуйте единицы измерения длины, такие как px, pt, cm, em и т.д., не разрешены отрицательные значения.
percentageУстановите размер шрифта в процентах от размера шрифта родительского элемента. Не разрешены отрицательные значения.
initialУстановите этот атрибут в его значение по умолчанию.
inheritЕсли указано, то связанный элемент использует значение свойства font-size родительского элемента.

Внимание:font-size во всех современных браузерах (например, Firefox, Chrome, IE, Safari, Opera и т.д.), значение по умолчанию для этого свойства составляет среднее (16px).

Совместимость браузеров

Совместимость браузеров для свойства font-size; числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Дополнительное чтение

Узнайте больше из следующих руководств:CSS шрифты,CSS текст.

Соответствующие свойства и правила:line-height,font,font-family,font-style,font-variant,font-weight,@font-face.