<absolute-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.

Атрибут 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 fonts