font-variant-position

Ограниченная доступность

Эта функция не поддерживается Baseline, так как она не работает во многих широко используемых браузерах.

Свойство font-variant-position CSS управляет использованием альтернативных, меньших глифов, которые позиционируются как надстрочный или подстрочный индекс.

Глифы позиционируются относительно базовой линии шрифта, которая остается неизменной. Эти глифы обычно используются в элементах <sub> и <sup>.

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

Эти альтернативные глифы делят одну и ту же емкость (em-box) и ту же базовую линию, что и остальная часть шрифта. Они просто графически улучшены и не влияют на межстрочный интервал и другие характеристики блока.

Синтаксис

/* Keyword values */
font-variant-position: normal;
font-variant-position: sub;
font-variant-position: super;

/* Global values */
font-variant-position: inherit;
font-variant-position: initial;
font-variant-position: revert;
font-variant-position: revert-layer;
font-variant-position: unset;

Свойство font-variant-position задаётся одним из ключевых значений, перечисленных ниже.

Значения

normal: Отключает альтернативные надстрочные и подстрочные глифы.
sub: Активирует альтернативные глифы подстрочного индекса. Если в данном наборе символов отсутствует такой глиф для определённого символа, все символы в наборе отображаются с использованием синтезированных глифов.
super: Активирует альтернативные глифы надстрочного индекса. Если в данном наборе символов отсутствует такой глиф для определённого символа, все символы в наборе отображаются с использованием синтезированных глифов.

Формальное определение

Начальное значение	`normal`
Применяется к	всем элементам и тексту. Также применяется к `::first-letter` и `::first-line`.
Наследуется	да
Вычисленное значение	как указано
Тип анимации	дискретный

Формальный синтаксис

font-variant-position = 
  normal  |
  sub     |
  super

Примеры

Установление надстрочных и подстрочных форм

HTML

<p class="normal">Normal!</p>
<p class="super">Super!</p>
<p class="sub">Sub!</p>

CSS

p {
  display: inline;
}

.normal {
  font-variant-position: normal;
}

.super {
  font-variant-position: super;
}

.sub {
  font-variant-position: sub;
}

Результат

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

Спецификация
CSS Fonts Module Level 4 # font-variant-position-prop

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`font-variant-position`	Нет Свойство распознаётся, но не имеет эффекта.	Нет Свойство распознаётся, но не имеет эффекта.	34	Нет Свойство распознаётся, но не имеет эффекта.	9.1	Нет Свойство распознаётся, но не имеет эффекта.	34	Нет Свойство распознаётся, но не имеет эффекта.	9.3	Нет Свойство распознаётся, но не имеет эффекта.	Нет Свойство распознаётся, но не имеет эффекта.
`normal`	Нет Свойство распознаётся, но не имеет эффекта.	Нет Свойство распознаётся, но не имеет эффекта.	≤72	Нет Свойство распознаётся, но не имеет эффекта.	≤13.1	Нет Свойство распознаётся, но не имеет эффекта.	79	Нет Свойство распознаётся, но не имеет эффекта.	≤13.4	Нет Свойство распознаётся, но не имеет эффекта.	Нет Свойство распознаётся, но не имеет эффекта.
`sub`	Нет Свойство распознаётся, но не имеет эффекта.	Нет Свойство распознаётся, но не имеет эффекта.	≤72	Нет Свойство распознаётся, но не имеет эффекта.	≤13.1	Нет Свойство распознаётся, но не имеет эффекта.	79	Нет Свойство распознаётся, но не имеет эффекта.	≤13.4	Нет Свойство распознаётся, но не имеет эффекта.	Нет Свойство распознаётся, но не имеет эффекта.
`super`	Нет Свойство распознаётся, но не имеет эффекта.	Нет Свойство распознаётся, но не имеет эффекта.	≤72	Нет Свойство распознаётся, но не имеет эффекта.	≤13.1	Нет Свойство распознаётся, но не имеет эффекта.	79	Нет Свойство распознаётся, но не имеет эффекта.	≤13.4	Нет Свойство распознаётся, но не имеет эффекта.	Нет Свойство распознаётся, но не имеет эффекта.

См. также

© 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/font-variant-position