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:
<!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;" >
GeeksForGeeks
</ h1 >
< h2 >HTML Caption align Attribute</ h2 >
< 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 >
< 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
Last Updated :
22 Feb, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...