mathcolor
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 mathcolor
global attribute sets the color of a MathML element.
Note:
Use CSS for styling MathML whenever possible. The mathcolor
attribute should only be included for applications that are not CSS-aware and will be overridden by the CSS color
property, if set.
Example
<math display="block">
<msqrt mathcolor="tomato">
<mi mathcolor="darkgreen">x</mi>
</msqrt>
</math>
Syntax
<!-- Keyword values -->
<math mathcolor="currentcolor">
<!-- <named-color> values -->
<math mathcolor="red">
<math mathcolor="orange">
<math mathcolor="tan">
<math mathcolor="rebeccapurple">
<!-- <hex-color> values -->
<math mathcolor="#090">
<math mathcolor="#009900">
<math mathcolor="#090a">
<math mathcolor="#009900aa">
<!-- <rgb()> values -->
<math mathcolor="rgb(34, 12, 64, 0.6)">
<math mathcolor="rgb(34 12 64 / 0.6)">
<math mathcolor="rgb(34.6 12 64 / 60%)">
<!-- <hsl()> values -->
<math mathcolor="hsl(30, 100%, 50%, 0.6)">
<math mathcolor="hsl(30 100% 50% / 0.6)">
<math mathcolor="hsl(30.2 100% 50% / 60%)">
<!-- <hwb()> values -->
<math mathcolor="hwb(90 10% 10%)">
<math mathcolor="hwb(90 10% 10% / 0.5)">
<math mathcolor="hwb(90deg 10% 10%)">
<math mathcolor="hwb(1.5708rad 60% 0%)">
<math mathcolor="hwb(.25turn 0% 40% / 50%)">
Values
<color>
-
Sets the color of the textual and decorative parts of the element, including e.g. fraction bars or radical symbols.
Specifications
Specification |
---|
MathML Core # dfn-mathcolor |
-
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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
mathcolor |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Deprecated. Not for use in new websites.
- See implementation notes.
See also
- All global attributes.
color