Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

math-shift

Baseline 2025
Nouvellement disponible

Depuis December 2025, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.

La propriété CSS math-shift indique si les exposants à l'intérieur des formules MathML doivent être relevés par un décalage normal ou compact.

Syntaxe

css
/* Valeurs avec un mot-clé */
math-shift: normal;
math-shift: compact;

/* Valeurs globales */
math-shift: inherit;
math-shift: initial;
math-shift: revert;
math-shift: revert-layer;
math-shift: unset;

Valeurs

normal

La valeur initiale, indique un rendu normal. Les exposants dans les formules MathML utilisent le paramètre superscriptShiftUp (angl.) de la table OpenType MATH.

compact

Indique un rendu compact. Les exposants dans les formules MathML utilisent le paramètre superscriptShiftUpCramped (angl.) de la table OpenType MATH, qui est généralement plus petit.

Définition formelle

Valeur initialenormal
Applicabilitétous les éléments
Héritéeoui
Valeur calculéecomme défini
Type d'animationNon animable

Syntaxe formelle

math-shift = 
normal |
compact
Cette syntaxe reflète le dernier standard selon MathML Core. Tous les navigateurs n'ont peut-être pas implémenté toutes les parties. Voir la Compatibilité des navigateurs pour plus d'informations sur la prise en charge.

Exemples

Décalage normal et compact

Le MathML suivant affiche deux versions de « x au carré » en utilisant une police avec une table OpenType MATH. La propriété math-shift est utilisée pour relever les exposants en utilisant le décalage normal et compact.

CSS

css
math {
  font-size: 64pt;
  math-shift: normal;
}

.compact-shift {
  math-shift: compact;
}

MathML

html
<math>
  <msup>
    <mi>x</mi>
    <mn>2</mn>
  </msup>
  <msup class="compact-shift">
    <mi>x</mi>
    <mn>2</mn>
  </msup>
</math>

Résultat

Notez que le deuxième « 2 » a un décalage plus compact (plus bas).

Spécifications

Spécification
MathML Core
# the-math-shift

Compatibilité des navigateurs

Voir aussi