HTML <col> Tag: The HTML<col> tag describes the column properties for each column. And this HTML col tag can be used for applying styles to the entire column instead of repeating styles for each cell and each row. This tag is used to set the style property to each column. This tag does not contain closing tags.
HTML <col> Tag
This HTML col tag supports both the global and the event attributes.
Syntax: <colgroup> <col span=” ” style=” “></colgroup>
Attributes
span: It is used to define the number of columns on which property will be applied.
style: This attribute is used to define the CSS to change the properties of the column.
align: This attribute is used to set the alignment of the content of the <col> element.
width: It is used to specify the width of a <col> element.
charoff: It is used to specify the number of characters the content will be aligned from the character specified by the char attribute.
Browser compatibility
The HTML<col> tag is supported by chrome, firefox, opera, safari and internet explorer.
Example:
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <table> <colgroup> <col span="1" style="background-color:orange"> <col style="background-color:white"> <col style="background-color:green"> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>2178965</td> <td>JAVA</td> <td>Rs.650</td> </tr> <tr> <td>5869651</td> <td>R programming</td> <td>Rs.490</td> </tr> </table> </body> </html>
Output:
Attributes that are supported by the <col> tag
Attribute | Value | Description |
---|---|---|
align | left right center justify char |
Describes the alignment of the content related to a
element |
char | Character | Describes the alignment of the content related to a
element to a character |
charoff | number | Defines the number of characters the content will be aligned from the character specified by the char attribute |
span | number | Specifies the number of columns a
element should span |
valign | top middle bottom baseline |
Specifies the vertical alignment of the content related to a
element |
width | % pixels relative_length |
Specifies the width of a
element |