HTML DOM TFoot align Property
The HTML DOM TFoot align Property is used to set or return the horizontal alignment of the content within the <thead> element. It is not supported by HTML 5.
Syntax:
tfootObject.align = "left | right | center | justify | char"
Property Values
- left: It sets the text left-align.
- right: It sets the text right-align.
- center: It sets the text center-align.
- justify: It stretches the text of paragraph to set the width of all lines equal.
- char: It sets the text-align to a specific character.
Return Value : It returns a string value that represents the horizontal alignment of the <tfoot> element.
Example 1: Below HTML Code illustrates how to return the TFoot align Property.
HTML
<!DOCTYPE html> < html > < head > < style > table, th, td { border: 1px solid green; } </ style > </ head > < body > < center > < h1 > w3wiki </ h1 > < p >< b >HTML DOM TFoot align Property </ b ></ p > < table > < thead > < tr > < td >Username</ td > < td >User_Id</ td > </ tr > </ thead > < tbody > < tr > < td >Shashank</ td > < td >@shashankla</ td > </ tr > < tfoot id = "GFG" align = "left" > < tr > < td >w3wiki</ td > < td >@Beginner</ td > </ tr > </ tfoot > </ tbody > </ table > < button onclick = "btnclick()" > Click here </ button > < p id = "paraID" ></ p > </ center > < script > function btnclick() { var x = document.getElementById("GFG").align; document.getElementById("paraID").innerHTML = x; } </ script > </ body > </ html > |
Output:
Example 2: Below HTML code illustrates how to set the TFoot align Property.
HTML
<!DOCTYPE html> < html > < head > < style > table, th, td { border: 1px solid green; } </ style > </ head > < body > < center > < h1 > w3wiki </ h1 > < p >< b >HTML DOM TFoot align Property </ b ></ p > < table > < thead > < tr > < td >Username</ td > < td >User_Id</ td > </ tr > </ thead > < tbody > < tr > < td >Shashank</ td > < td >@shashankla</ td > </ tr > < tfoot id = "GFG" align = "left" > < tr > < td >w3wiki</ td > < td >@Beginner</ td > </ tr > </ tfoot > </ tbody > </ table > < button onclick = "btnclick()" > Click here </ button > < p id = "paraID" ></ p > < script > function btnclick() { var x = document.getElementById("GFG").align = "right"; document.getElementById("paraID").innerHTML = x; } </ script > </ body > </ html > |
Output:
Contact Us