`<absolute-size>` тип CSS

<absolute-size> CSS тип данных описывает ключевые слова абсолютного размера. Этот тип данных используется в сокращённом свойстве font и свойстве font-size.

Ключевые слова размера шрифта сопоставляются с устаревшим атрибутом HTML size. См. раздел Атрибут HTML size ниже).

Синтаксис

<absolute-size> = xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large

Значения

Тип данных <absolute-size> определяется ключевым словом, выбранным из приведённого ниже списка.

xx-small

Абсолютный размер, составляющий 60% от размера medium. Сопоставляется с устаревшим size="1".

x-small

Абсолютный размер, составляющий 75% от размера medium.

small

Абсолютный размер, составляющий 89% от размера medium. Сопоставляется с устаревшим size="2".

medium

Предпочитаемый пользователем размер шрифта. Это значение используется как опорное среднее значение. Сопоставляется с size="3".

large

Абсолютный размер на 20% больше, чем medium. Сопоставляется с устаревшим size="4".

x-large

Абсолютный размер на 50% больше, чем medium. Сопоставляется с устаревшим size="5".

xx-large

Абсолютный размер в два раза больше, чем medium. Сопоставляется с устаревшим size="6".

xxx-large

Абсолютный размер в три раза больше, чем medium. Сопоставляется с устаревшим size="7".

Описание

Каждое ключевое слово <absolute-size> задаёт размер относительно размера medium и характеристик конкретного устройства, таких как разрешение экрана. Пользовательские агенты поддерживают таблицу размеров шрифта для каждого шрифта, в которой ключевые слова <absolute-size> используются в качестве индексов.

В CSS1 (1996) коэффициент масштабирования между индексами соседних ключевых слов составлял 1.5, что было слишком большим значением. В CSS2 (1998) коэффициент масштабирования между индексами соседних ключевых слов составлял 1.2, что создавало проблемы для малых значений. Поскольку единый фиксированный коэффициент между соседними ключевыми словами абсолютного размера оказался проблематичным, рекомендация по фиксированному коэффициенту больше не приводится. Единственная рекомендация для сохранения удобочитаемости состоит в том, что наименьший размер шрифта не должен быть меньше 9px.

Для каждого ключевого слова <absolute-size> в следующей таблице указаны коэффициент масштабирования, соответствие заголовкам от <h1> до <h6> и соответствие устаревшему атрибуту HTML size.

Атрибут HTML size

Атрибут size для задания размера шрифта в HTML устарел. Значением атрибута было либо целое число от 1 до 7, либо относительное значение. Относительные значения представляли собой целое число с предшествующим символом + или - для увеличения или уменьшения размера шрифта соответственно. Значение +1 означало увеличение size на единицу, а -2 — уменьшение размера на два; вычисленное значение ограничивалось минимальным значением 1 и максимальным вычисленным значением 7.

Примеры

Сравнение значений ключевых слов

<ul>
  <li class="xx-small">font-size: xx-small;</li>
  <li class="x-small">font-size: x-small;</li>
  <li class="small">font-size: small;</li>
  <li class="medium">font-size: medium;</li>
  <li class="large">font-size: large;</li>
  <li class="x-large">font-size: x-large;</li>
  <li class="xx-large">font-size: xx-large;</li>
  <li class="xxx-large">font-size: xxx-large;</li>
</ul>

li {
  margin-bottom: 0.3em;
}
.xx-small {
  font-size: xx-small;
}
.x-small {
  font-size: x-small;
}
.small {
  font-size: small;
}
.medium {
  font-size: medium;
}
.large {
  font-size: large;
}
.x-large {
  font-size: x-large;
}
.xx-large {
  font-size: xx-large;
}
.xxx-large {
  font-size: xxx-large;
}

Результат

Спецификации

См. также

• Тип данных CSS <relative-size>
• Свойства CSS font и font-size
• Модуль шрифтов CSS