Тип CSS `<relative-size>`

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

Синтаксис

<relative-size> = smaller | larger

Значения

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

smaller

Относительный размер на одну ступень меньше унаследованного размера.

larger

Относительный размер на одну ступень больше унаследованного размера.

Описание

Ключевые слова <relative-size> задают размер относительно текущего размера элемента. Если унаследованный размер задан с помощью ключевого слова <absolute-size>, значение <relative-size> соответствует соседнему размеру в таблице <absolute-size>. В противном случае относительное увеличение или уменьшение размера составляет от 120% до 150%.

Примеры

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

<ul>
  <li class="smaller">font-size: smaller;</li>
  <li>font-size is not specified</li>
  <li class="larger">font-size: larger;</li>
</ul>

li {
  margin-bottom: 0.3em;
}
.smaller {
  font-size: smaller;
}
.larger {
  font-size: larger;
}

Результат

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

См. также

• Тип данных CSS <absolute-size>
• Свойства CSS font и font-size
• Шрифты CSS — модуль