math-depth
Controls how MathML formulas are scaled when nested. Increasing the depth usually makes the text smaller, similar to how subscripts or superscripts work.
Quick example
math {
/* Manually increases the nesting depth of a formula */
math-depth: add(1);
}Quick facts
Initial value
0Inherited
Yes
Applies to
all elements
Animation type
notAnimatable
Values
auto-addadd math-depth Browser Support
Widely available Since 2023 79% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.
Safe to use without fallbacks.
109+
117+
26.4+
109+