HTML/CSS/Table Attributes/frame

Материал из Web эксперт
Перейти к: навигация, поиск

"frame" determines how to display a table"s border frame

    
<HTML>
<BODY>
    <table id="myTable" border="3" frame="">
       <thead>
          <tr>
             <td>Header</td>
             <td>Header</td>
             <td>Header</td>
             <td>Header</td>
             <td>Header</td>
             <td>Header</td>
          </tr>
       </thead>
          <tr>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
          </tr>
          <tr>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
          </tr>
          <tr>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
          </tr>
          <tr>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
             <td>Cell</td>
          </tr>
          <tfoot>
          <tr>
             <td>Footer</td>
             <td>Footer</td>
             <td>Footer</td>
             <td>Footer</td>
             <td>Footer</td>
             <td>Footer</td>
          </tr>
          </tfoot>
     </table>
     <br>
     <button onclick="myTable.frame="void"">VOID</button>
     <button onclick="myTable.frame="above"">ABOVE</button>
     <button onclick="myTable.frame="below"">BELOW</button>
     <button onclick="myTable.frame="border"">BORDER</button>
     <button onclick="myTable.frame="hsides"">HSIDES</button>
     <button onclick="myTable.frame="lhs"">LHS</button>
     <button onclick="myTable.frame="rhs"">RHS</button>
     <button onclick="myTable.frame="vsides"">VSIDES</button>
     <button onclick="myTable.frame="box"">BOX</button>
</BODY>
</HTML>