HTML | <caption> align Attribute
The HTML <caption> align Attribute is used to specify the alignment of the <caption> Element. It is used to align the caption to the left, right, top and Bottom of a table.
This attribute is not supported in HTML5.
Note: By default , the table caption is aligned to center.
Syntax:
<caption align="left | right | top | bottom>
Attribute Values
- left: It sets the left-align caption of the table.
- right: It sets the right-align caption of the Table
- Top: It sets the top-align caption of the table. It is a default value.
- Bottom: It sets the bottom-align caption of the table.
Example:
<!-- HTML code to show the working of caption tag --> <!DOCTYPE html> < html > < head > < style > table, th, td { border: 1px solid black; } #GFG { font-size: 25px; color: green; } </ style > </ head > < body > < h1 style = "color:green;font-size:35px;" > w3wiki </ h1 > < h2 >HTML Caption align Attribute</ h2 > < table > <!-- Adding caption to the table --> < caption id = "GFG" align = "top" > Students </ caption > < tr > < th >Firstname</ th > < th >Lastname</ th > < th >Age</ th > </ tr > < tr > < td >Priya</ td > < td >Sharma</ td > < td >24</ td > </ tr > < tr > < td >Arun</ td > < td >Singh</ td > < td >32</ td > </ tr > < tr > < td >Sam</ td > < td >Watson</ td > < td >41</ td > </ tr > </ table > < br > < br > < table > <!-- Adding caption to the table --> < caption id = "GFG" align = "bottom" > Students </ caption > < tr > < th >Firstname</ th > < th >Lastname</ th > < th >Age</ th > </ tr > < tr > < td >Priya</ td > < td >Sharma</ td > < td >24</ td > </ tr > < tr > < td >Arun</ td > < td >Singh</ td > < td >32</ td > </ tr > < tr > < td >Sam</ td > < td >Watson</ td > < td >41</ td > </ tr > </ table > </ body > </ html > |
Output :
Supported Browsers: The browsers supported by HTML <caption> align Attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera
Contact Us