Skip to content
Related Articles

Related Articles

Improve Article

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>

Output:

Supported Browsers: The browsers supported by HTML5 MathML columnlines attribute are listed below.

  • Firefox

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :