Properti HTMLTableColElement.vAlign menetapkan atau mengembalikan atribut VALIGN elemen COL/COLGROUP HTML.
Sintaks:
tablecolObj.vAlign = value
tablecol.vAlign
value adalah DOMString yang bisa berisi 'top', 'middle', 'bottom', atau 'baseline'.
Contoh di bawah ini mengembalikan nilai atribut VALIGN elemen COL. Berikut TABLE-nya:
<TABLE BORDER="1" WIDTH="100%">
<COL VALIGN="middle" SPAN="2" STYLE="background-color: green;">
<TR STYLE="height: 90;">
<TD>cell di kolom 1</TD>
<TD>cell di kolom 2</TD>
<TD>cell di kolom 3</TD>
<TD>cell di kolom 4</TD>
</TR>
<TR STYLE="height: 90;">
<TD>cell di kolom 1</TD>
<TD>cell di kolom 2</TD>
<TD>cell di kolom 3</TD>
<TD>cell di kolom 4</TD>
</TR>
<TR STYLE="height: 90;">
<TD>cell di kolom 1</TD>
<TD>cell di kolom 2</TD>
<TD>cell di kolom 3</TD>
<TD>cell di kolom 4</TD>
</TR>
</TABLE>
Berikut JavaScript untuk mengembalikan nilai atribut VALIGN elemen COL di atas:
<SCRIPT TYPE="text/javascript">
var tablecolObj = document.getElementsByTagName("col")[0];
alert(tablecolObj.vAlign); // "middle"
</SCRIPT>
Contoh di bawah ini menetapkan atribut VALIGN untuk elemen COL. Untuk TABLE-nya masih menggunakan TABLE di atas, dengan menghilangkan atribut VALIGN terlebih dahulu:
<SCRIPT TYPE="text/javascript">
var tablecolObj = document.getElementsByTagName("col")[0];
tablecolObj.vAlign = "middle";
</SCRIPT>
Elemen COL di atas akan menjadi:
<COL SPAN="2" STYLE="background-color: green;" VALIGN="middle">
