This attribute holds the value for displaying any fraction. If the value is true then the numerator and the denominator are displayed side by side and separated by a slash. If the value is false (default value) , displayed numerator and denominator are on top of each other. This attribute is accepts <mfrac> tag.
Syntax:
<element bevelled="true|false">
Attribute values:
- true: If the value is true then the numerator and denominator are displayed side by side and separated by a slash.
- false: If the value is false(default value), displayed numerator and denominator are on top of each other.
Example: Below example illustrates the bevelled attribute in HTML5 MathML.
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h3>HTML5 MathML bevelled attribute</h3>
<math>
<mfrac bevelled="true">
<mfrac>
<msup>
<mi>x</mi>
<mn>2</mn>
</msup>
<msup>
<mi>y</mi>
<mn>2</mn>
</msup>
</mfrac>
<mfrac>
<msup>
<mi>a</mi>
<mn>2</mn>
</msup>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
</mfrac>
</mfrac>
</math>
</center>
</body>
</html>
Output:
Supported Browsers: The browsers supported by HTML5 MathML bevelled attribute are listed below.
- Firefox