Свойство CSS `math-shift`
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в различных версиях браузеров. Она доступна во всех браузерах с января 2023 года.
Свойство math-shift указывает, следует ли сдвигать надстрочные индексы внутри формул MathML на обычную или компактную величину.
Синтаксис
/* Keyword values */ math-shift: normal; math-shift: compact; /* Global values */ math-shift: inherit; math-shift: initial; math-shift: revert; math-shift: revert-layer; math-shift: unset;
Значения
Это свойство задаётся одним из следующих ключевых слов:
-
normal - Начальное значение, указывает на обычное отображение. Для надстрочных индексов в формулах MathML используется параметр superscriptShiftUp из таблицы OpenType MATH.
-
compact - Указывает на компактное отображение. Для надстрочных индексов в формулах MathML используется параметр superscriptShiftUpCramped из таблицы OpenType MATH, который обычно задаёт меньший сдвиг.
Формальное определение
| Начальное значение | normal |
|---|---|
| Применяется к | всем элементам |
| Наследуется | да |
| Вычисленное значение | как задано |
| Тип анимации | Не анимируется |
Формальный синтаксис
math-shift =
normal |
compact
Примеры
Обычный и компактный сдвиг
В следующем примере MathML отображаются две версии выражения «x в квадрате» с использованием шрифта, содержащего таблицу OpenType MATH. Свойство math-shift используется для сдвига надстрочных индексов с помощью обычного и normal compact сдвига.
CSS
math {
font-size: 64pt;
math-shift: normal;
}
.compact-shift {
math-shift: compact;
}
MathML
<math>
<msup>
<mi>x</mi>
<mn>2</mn>
</msup>
<msup class="compact-shift">
<mi>x</mi>
<mn>2</mn>
</msup>
</math>
Результаты
Обратите внимание, что у второй цифры «2» сдвиг более компактный (меньший).
Спецификации
| Спецификация |
|---|
| MathML Core # the-math-shift |
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
math-shift |
109 |
109 |
146 |
95 |
26.2 |
109 |
146 |
74 |
26.2 |
21.0 |
109 |
26.2 |
compact |
109 |
109 |
146 |
95 |
26.2 |
109 |
146 |
74 |
26.2 |
21.0 |
109 |
26.2 |
normal |
109 |
109 |
146 |
95 |
26.2 |
109 |
146 |
74 |
26.2 |
21.0 |
109 |
26.2 |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/math-shift