math-depth

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The math-depth property describes a notion of depth for each element of a mathematical formula, with respect to the top-level container of that formula. Concretely, this is used to determine the computed value of the font-size property when its specified value is math.

Syntax

css

/* Keyword values */
math-depth: auto-add;

/* Relative values */
math-depth: add(2);
math-depth: add(-2);

/* Absolute value */
math-depth: 4;

/* Global values */
math-depth: inherit;
math-depth: initial;
math-depth: revert;
math-depth: revert-layer;
math-depth: unset;

Values

auto-add: Set to the inherited math-depth plus 1 when inherited math-style is compact.
add(<integer>): Set to the inherited math-depth plus the specified integer.
<integer>: Set to the specified integer.

Formal definition

Initial value	`0`
Applies to	all elements
Inherited	yes
Computed value	as specified
Animation type	Not animatable

Formal syntax

math-depth = 
  auto-add          |
  add( <integer> )  |
  <integer>

Examples

CSS

css

math {
  math-depth: auto-add;
}

Specifications

Specification
MathML Core # the-math-script-level-property

Browser compatibility

BCD tables only load in the browser