JavaScript Reference/Javascript Properties/vAlign table

Материал из Web эксперт
Версия от 08:21, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

"vAlign" Example

    
<html>
<body>
<table border="3" align="left">
    <tr id="tr1">
        <td>Cell 1. Aligned top.</td>
        <td>Cell 2. Aligned top.</td> 
        <td><img src="http://www.wbex.ru/style/logo.png" width="90" height="90"></td>
    </tr>
    <tr id="tr2">
        <td>Cell 4. Aligned bottom.</td>
        <td>Cell 5. Aligned bottom.</td>
        <td><img src="http://www.wbex.ru/style/logo.png" width="96" height="96"></td>
    </tr>
</table>
<script language="JavaScript">
    document.getElementById("tr1").vAlign = "top";
    document.getElementById("tr2").vAlign = "bottom";
</script>
</body>
</html>



"vAlign" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<col>                           <colgroup>                    |
|                |<tbody>                         <td>                          |
|                |<tfoot>                         <th>                          |
|                |<thead>                         <tr>                          |
+----------------+--------------------------------------------------------------+



"vAlign" Possible Values

Possible Values
middle       the default
baseline
bottom
top



"vAlign" Syntax and Note

Note:
Read and write property. 
How the element"s content is vertically aligned. 
    
Syntax:
    
document.getElementById("elementID").vAlign = value
document.all.elementID.vAlign = value // IE only