<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 Fonts Module Level 4 # valdef-font-size-relative-size

См. также

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

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/relative-size