The MathML <mfenced> element provides the possibility to add custom opening and closing parentheses (such as brackets) and separators (such as commas or semicolons) to an expression. 

Attributes

class, id, style
Provided for use with stylesheets.
close
A string for the closing delimiter. The default value is ")" and any white space is trimmed.
href
Used to set a hyperlink to a specified URI.
mathbackground
The background color. You can use #rgb, #rrggbb and HTML color names.
mathcolor
The text color and also the fraction line color. You can use #rgb, #rrggbb and HTML color names.
open
A string for the opening delimiter. The default value is "(" and any white space is trimmed.
separators
A sequence of zero or more characters to be used for different separators, optionally divided by white space, which is ignored. The default value is ",". By specifying more than one character, it is possible to set different separators for each argument in the expression. If there are too many separators, all excess is ignored. If there are too few separators in the expression, the last specified separator is repeated.

Examples

The last separator is repeated (,)

Sample rendering: {a;b;c,d,e}

Rendering in your browser: a b c d e

<math>
  <mfenced open="{" close="}" separators=";;,"> 
    <mi>a</mi> 
    <mi>b</mi> 
    <mi>c</mi> 
    <mi>d</mi> 
    <mi>e</mi> 
  </mfenced> 
</math>

All excess is ignored (,)

Sample rendering: [a|b|c|d|e]

Rendering in your browser: a b c d e

<math>
  <mfenced open="[" close="]" separators="||||,"> 
    <mi>a</mi> 
    <mi>b</mi> 
    <mi>c</mi> 
    <mi>d</mi> 
    <mi>e</mi> 
  </mfenced> 
</math>

Specifications

Specification Status Comment
MathML 3.0
The definition of 'mfenced' in that specification.
Recommendation Current specification
MathML 2.0
The definition of 'mfenced' in that specification.
Recommendation Initial specification

Browser compatibility

 

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome No support NoEdge ? Firefox Full support 1IE No support NoOpera No support NoSafari Full support 6WebView Android No support NoChrome Android No support NoEdge Mobile ? Firefox Android Full support 4Opera Android No support NoSafari iOS Full support YesSamsung Internet Android ?
hrefChrome No support NoEdge ? Firefox Full support 7IE No support NoOpera No support NoSafari Full support 10WebView Android No support NoChrome Android No support NoEdge Mobile ? Firefox Android Full support 7Opera Android No support NoSafari iOS No support NoSamsung Internet Android ?
mathbackgroundChrome No support NoEdge ? Firefox Full support 4IE No support NoOpera No support NoSafari Full support 6WebView Android No support NoChrome Android No support NoEdge Mobile ? Firefox Android Full support 4Opera Android No support NoSafari iOS No support NoSamsung Internet Android ?
mathcolorChrome No support NoEdge ? Firefox Full support 4IE No support NoOpera No support NoSafari Full support 6WebView Android No support NoChrome Android No support NoEdge Mobile ? Firefox Android Full support 4Opera Android No support NoSafari iOS No support NoSamsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown

 

Document Tags and Contributors

Contributors to this page: lucian95, Yaffle, fscholz, fred.wang, Sheppy, jswisher
Last updated by: lucian95,