Math-depth - Propriété CSS

math-depth

Résumé des caractéristiques de la propriété math-depth

Description rapide
Fixe la profondeur de l'élément, dans une formule écrite avec MathML.
Statut
Standard
Utilisable sur
MathML
Valeurs prédéfinies
auto-add
Pourcentages
Ne s'appliquent pas.
Valeur initiale
0
Héritée par défaut
Oui.
Type d'animation
Not animable : la propriété math-depth ne peut pas être animée.
Ordre canonique
Single : valeur unique (l'ordre n'intervient pas).
Module W3C
Langage de balisage mathématique (MathML)
Références (W3C)
Statut du document: CR (document candidat à la recommandation)

Schéma de la syntaxe de math-depth.

math-depth - Syntax DiagramSyntax diagram of the math-depth CSS property for MathML. auto-add auto-add add(int) add(int) int intmath-depth:;math-depth:;
Schéma syntaxique de la propriété math-depth.
Cliquez sur les liens du schéma pour plus de précisons sur les valeurs.

Description des termes utilisés sur le schéma :

  • int est une valeur numérique entière, positive ou négative.

Description de la propriété math-depth.

math-depth définit la profondeur de chacun des éléments dans une formule mathématique, en rapport avec la racine de cette formule. Cette valeur est utilisée pour calculer la taille des caractères quand la valeur spécifiée est math.

L'élément racine a pour valeur 0, et plus on s'enfonce dans les imbrications, plus ce numéro augmente. Les valeurs négatives sont cependant autorisées et provoquent une augmentation de la taille des caractères. Les valeurs décimales par contre sont interdites et invalident toute la règle.

2
math-depth:0;
2

math-depth:2;
2
math-depth:-1;

Valeurs pour math-depth.

  • math-depth: auto-add;

    La gestion de la profondeur des éléments est géré automatiquement. auto-add est la valeur initiale de la propriété. Si la valeur de est compact, alors math-depth vaut la valeur héritée + 1.

    c2=a2+b2

    Sur l'élément bleu
    math-depth:auto-add;
  • math-depth: add(2);

    add() définit la valeur de la profondeur à la valeur héritée plus le nombre indiqué. Il s'agit bien de la valeur héritée de math-depth et non pas de la valeur qu'aurait eu cet élément.

    c2=a2+b2

    Sur l'élément bleu
    math-depth:add(3);
  • math-depth: 2;

    Force la valeur de la profondeur à la valeur indiquée.

    c2=a2+b2

    Sur l'élément bleu
    math-depth:3;
  • math-depth: initial; (0) math-depth: inherit; math-depth: revert; math-depth: revertLayer; math-depth: unset;

    Les valeurs communes sont présentées sur ces pages : initial, inherit, revert, revert-layer, unset.

Exemple d'animation de math-depth.

La propriété math-depth ne peut pas être animée.

Exemple interactif avec la propriété math-depth.

Faites varier la profondeur de l'élément bleu, c'est à dire de l'exposant (2).

math-depth :
z= -b± b2+4ac 2a

Compatibilité des navigateurs avec math-depth.

La propriété math-depth est globalement bien reconnue. Il subsiste cependant un problème avec Safari  .

Colonne 1
Prise en charge par les navigateurs de la propriété math-depth qui définit la profondeur d'un élément dans une formule MathML.
1
Propriété
math-depth
Estimation de la prise en charge globale.
83%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Opéra

Safari sur IOS

Chrome

Edge

Chrome pour Androïd

Androïd Brower

Firefox pour Androïd

Safari

Firefox

Samsung Internet

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.
Caniuse

Histoire de la propriété math-depth.

Voir aussi, à propos de MathML.

Peu de propriété s'appliquent spécifiquement à MathML. En voici la liste.

Propriétés :

math-shift
Impose un léger décalage vers le bas pour les exposants contenus dans une formule MathML.
math-style
Définit si les formules MathML s'affichent dans un style compact ou non. Le style compact réduit la hauteur des formules.