math-style

Description
Syntax
Examples
Links

Description

The math-style property for CSS specifies the logical height for MathML.

Syntax

CSS

math-style: value;

JS

object.style.mathStyle = "value";

Values

<'math-style'> =
    normal |
    compact

normal

The math layout on descendants does not try to minimize the logical height.

compact

The math layout on descendants tries to minimize the logical height.

Initial

normal

<!doctype html>
<html>
<body>
    <button>initial</button>
    <button>normal</button>
    <button>compact</button><br>
    <math>
        <mrow>
            <munderover>
                <mo>∑</mo>
                <mrow>
                    <mi>n</mi>
                    <mo>=</mo>
                    <mn>1</mn>
                </mrow>
                <mrow>
                    <mo>+</mo>
                    <mn>∞</mn>
                </mrow>
            </munderover>
            <mfrac>
                <mn>1</mn>
                <msup>
                    <mi>n</mi>
                    <mn>2</mn>
                </msup>
            </mfrac>
            <mo>=</mo>
            <mfrac>
                <msup>
                    <mi>Π</mi>
                    <mn>2</mn>
                </msup>
                <mn>6</mn>
            </mfrac>
        </mrow>
    </math>
    <script>
        function myfunction(myparameter)
        {
            document.querySelector("math").style.mathStyle = myparameter.target.innerHTML;
        }
        for(const mybutton of document.querySelectorAll("button"))
        {
            mybutton.addEventListener("mouseover", myfunction);
        }
    </script>
</body>
</html>

Overview

Search

Download

العربية

česky

Dansk

Deutsch

English

Español

Suomi

Français

Magyar

Bahasa Indonesia

Italiano

日本語

Malagasy

te reo Māori

한국어

Nederlands

Norsk

Polski

Português

Română

Pyccкий

Shqip

Svenska

Wikang Tagalog

українська

Tiếng Việt

简体中文

繁體中文

Overview

Attributes

Elements

Other

Overview

Functions

Properties

Pseudo-Classes

Pseudo-Elements

Units

Overview

AbortController

AbstractRange

AbortSignal

ChildNode

Comment

console

CustomEvent

Declarations

Document

DocumentFragment

DocumentOrShadowRoot

DOMImplementation

DOMStringList

DOMTokenList

Element

Event

EventTarget

HTMLAllCollection

HTMLBaseElement

HTMLCollection

HTMLDialogElement

HTMLElement

HTMLFormControlsCollection

HTMLLinkElement

HTMLOptionsCollection

HTMLOrSVGElement

HTMLVideoElement

Iterations

Location

MutationObserver

MutationRecord

Node

NodeList

NonDocumentTypeChildNode

NonElementParentNode

ParentNode

Prompts

RadioNodeList