Свойство CSS `math-style`

Свойство math-style указывает, следует ли отображать уравнения MathML с обычной или компактной высотой.

Синтаксис

/* Keyword values */
math-style: normal;
math-style: compact;

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

Значения

Это свойство задаётся одним из следующих ключевых слов:

normal

Начальное значение, указывает на обычный способ отображения.

compact

При компоновке потомков MathML предпринимается попытка минимизировать логическую высоту.

Формальное определение

Формальный синтаксис

math-style = 
  normal |
  compact

Примеры

Изменение стиля формулы на компактный

CSS

math {
  math-style: normal;
}
.compact {
  math-style: compact;
}

HTML

<p>
  Normal height
  <math>
    <mrow>
      <munderover>
        <mo>∑</mo>
        <mrow>
          <mi>n</mi>
          <mo>=</mo>
          <mn>1</mn>
        </mrow>
        <mrow>
          <mo>+</mo>
          <mn>∞</mn>
        </mrow>
      </munderover>
    </mrow>
  </math>
  and compact height
  <math class="compact">
    <mrow>
      <munderover>
        <mo>∑</mo>
        <mrow>
          <mi>n</mi>
          <mo>=</mo>
          <mn>1</mn>
        </mrow>
        <mrow>
          <mo>+</mo>
          <mn>∞</mn>
        </mrow>
      </munderover>
    </mrow>
  </math>
  equations.
</p>

Результат

Спецификации

Совместимость с браузерами

См. также

• math-depth
• font-size