HTML5 MathML columnlines Attribute

Last Updated : 16 Nov, 2020

This attribute holds the border style value for the column-lines. The possible values are none, solid and dashed. This attribute is accepted by the <mtable> tag only.

Syntax:

<element columnlines="none|solid|dashed">

Attribute Values:

none: This attribute sets the column lines of the table as "none".
solid: This attribute sets the column lines of the table as "solid".
dashed: This attribute sets the column lines of the table as "dashed".

Example: Below example illustrates the columnlines attribute in HTML5.

HTML

<!DOCTYPE html> 
<html> 

<body> 
    <center> 
        <h1 style="color:green"> 
            GeeksforGeeks 
        </h1> 

        <h3>HTML5 MathML columnlines Attribute</h3> 

        <math> 
            <mi>GeeksforGeeks</mi> 
            <mo>=</mo> 
            <mtable frame="solid" columnlines="dashed" 
                    columnaline="left" align="axis 1"> 
                <mtr mathbackground="green;"> 
                    <mtd>Course</mtd> 
                    <mtd>Fee</mtd> 
                </mtr> 
                <mtr> 
                    <mtd> 
                        <mi>C++ STL</mi> 
                    </mtd> 
                    <mtd> 
                        <mi> 1499</mi> 
                    </mtd> 
                </mtr> 
                <mtr> 
                    <mtd> 
                        <mi>Placement 100 </mi> 
                    </mtd> 
                    <mtd> 
                        <mi>9999 </mi> 
                    </mtd> 
                </mtr> 
                <mtr> 
                    <mtd> 
                        <mi>DSA Foundation </mi> 
                    </mtd> 
                    <mtd> 
                        <mi>7999</mi> 
                    </mtd> 
                </mtr> 
            </mtable> 
        </math> 
    </center> 
</body>
</html>