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
/* 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-depthplus 1 when inherited math-style iscompact. add(<integer>)-
Set to the inherited
math-depthplus the specified integer. <integer>-
Set to the specified integer.
Formal definition
| Initial value | 0 |
|---|---|
| Applies to | All elements |
| Inherited | yes |
| Computed value | an integer, see below |
| Animation type | not animatable |
Formal syntax
auto-add | add(<integer>) | <integer>
Examples
CSS
math {
math-depth: auto-add;
}