mathbackground

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

The mathbackground global attribute sets the background-color of a MathML element.

Note: Use CSS for styling MathML whenever possible. The mathbackground attribute should only be included for applications that are not CSS-aware and will be overridden by the CSS background-color property value, if set.

Example

html,
body {
  height: 100%;
}

body {
  display: grid;
  align-items: center;
  font-size: 1.5rem;
}

html

<math display="block" mathbackground="wheat">
  <msqrt>
    <mi>x</mi>
  </msqrt>
</math>

Syntax

html

<!-- Keyword values -->
<math mathbackground="red">
<math mathbackground="indigo">

<!-- Hexadecimal value -->
<math mathbackground="#bbff00"> <!-- Fully opaque -->
<math mathbackground="#bf0"> <!-- Fully opaque shorthand -->
<math mathbackground="#11ffee00"> <!-- Fully transparent -->
<math mathbackground="#1fe0"> <!-- Fully transparent shorthand -->
<math mathbackground="#11ffeeff"> <!-- Fully opaque -->
<math mathbackground="#1fef"> <!-- Fully opaque shorthand -->

<!-- RGB value -->
<math mathbackground="rgb(255 255 128)"> <!-- Fully opaque -->
<math mathbackground="rgb(117 190 218 / 50%)"> <!-- 50% transparent -->

<!-- HSL value -->
<math mathbackground="hsl(50 33% 25%)"> <!-- Fully opaque -->
<math mathbackground="hsl(50 33% 25% / 75%)"> <!-- 75% opaque, i.e. 25% transparent -->

Values

<color>: The uniform color of the background.

Specifications

Specification
MathML Core # dfn-mathbackground

In MathML 3 and earlier versions, a more limited set of values was supported. Since MathML Core, the syntax matches CSS <color> values.
This attribute was designed for MathML applications that are not CSS-aware. Since MathML Core, the use of equivalent CSS is recommended instead.

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`mathbackground` Deprecated	Chrome – Full support Chrome 109 (Release date: 2023-01-10) footnote Full support	Edge – Full support Edge 109 (Release date: 2023-01-12) footnote Full support	Firefox – Full support Firefox 70 (Release date: 2019-10-22) footnote footnote Prior to Firefox 70, the attribute was only accepted on a few elements, as specified in MathML 3. footnote See https://hg.mozilla.org/mozilla-central/rev/3b30c8db537c	Opera – Full support Opera 95 (Release date: 2023-02-01) footnote Full support	Safari – Full support Safari 5 (Release date: 2010-06-07) footnote footnote See https://trac.webkit.org/changeset/62968	Chrome Android – Full support Chrome Android 109 (Release date: 2023-01-10) footnote Full support	Firefox for Android – Full support Firefox for Android 79 (Release date: 2020-07-28) footnote footnote Prior to Firefox for Android 79, the attribute was only accepted on a few elements, as specified in MathML 3. footnote See https://hg.mozilla.org/mozilla-central/rev/3b30c8db537c	Opera Android – Full support Opera Android 74 (Release date: 2023-03-13) footnote Full support	Safari on iOS – Full support Safari on iOS 4 (Release date: 2010-06-21) footnote footnote See https://trac.webkit.org/changeset/62968	Samsung Internet – Full support Samsung Internet 21 (Release date: 2023-05-19) footnote Full support	WebView Android – Full support WebView Android 109 (Release date: 2023-01-10) footnote Full support	WebView on iOS – Full support WebView on iOS 4 (Release date: 2010-06-21) footnote footnote See https://trac.webkit.org/changeset/62968

Tip: you can click/tap on a cell for more information.

Full support: Full support
: Deprecated. Not for use in new websites.
: See implementation notes.