math-style

Baseline 2023

Новое доступно

С января 2023 года эта функция работает на последних версиях устройств и браузеров. Возможно, эта функция не будет работать на старых устройствах или браузерах.

Свойство 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: Макет математики в потомках пытается минимизировать логическую высоту.

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

Начальное значение	`normal`
Применяется к	всем элементам
Унаследованное	да
Вычисленное значение	как указано
Тип анимации	Не анимируемо

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

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>

Результат

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

Спецификация
MathML Core # the-math-style-property

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`math-style`	109	109	117	95	14.1	109	117	74	14.5	21.0	109

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/math-style