HTMLのテーブルのframe属性とrules属性の詳細な説明

Web ページでは、テーブルの枠線を表示するかどうかを制御するためにフレームとルールを使用できます。HTML でテーブルのフレームとルールの属性を詳しく説明します。必要な場合は、テーブルのフレームとルールの属性を参照してください。タグで境界線の表示を制御できます。フレーム属性はテーブルの 4 つの最も外側の境界線の可視性を制御し、ルールはテーブルの内側の境界線の可視性を制御します。

frame 属性の可能な値と意味は次のとおりです:

* void - デフォルト値。表の最も外側の境界線が表示されないことを示します。
* ボックス - 4 つの境界線を同時に表示します。
* 境界線 - 4 つの境界線を同時に表示します。
* 上 - 上部の境界線のみが表示されます。
* 以下 - 下の境界線のみが表示されます。
* lhs - 左の境界線のみを表示します。
* rhs - 右の境界線のみを表示します。
* hsides - 2 つの水平境界線のみを表示します。
* vsides - 2 つの垂直境界線のみを表示します。
rules 属性には次の 5 つの値が可能です:
* none - デフォルト値。リムレス。
* グループ - 行または列のグループに境界線を追加します。
* 行 - 行に枠線を追加します。
*cols - 列に境界線を追加します。
* all - すべての行と列 (セル) に境界線を追加します

コード例:

<table border="1" width="600" frame="hsides" rules="groups">  
     <caption>My Ultimate Table</caption>  
     <colgroup span="1" width="200"></colgroup>  
     <colgroup span="3" width="400"></colgroup>  
  
<thead>  
     <tr>  
          <td>cell 1-1</td>  
          <td>cell 1-2</td>  
          <td>cell 1-3</td>  
          <td>cell 1-4</td>  
     </tr>  
</thead>  
<tfoot>  
     <tr>  
          <td>cell 4-1</td>  
          <td>cell 4-2</td>  
          <td>cell 4-3</td>  
          <td>cell 4-4</td>  
     </tr>  
</tfoot>  
<tbody>  
     <tr>  
          <td>cell 2-1</td>  
          <td>cell 2-2</td>  
          <td>cell 2-3</td>  
          <td>cell 2-4</td>  
     </tr>  
     <tr>  
          <td>cell 3-1</td>  
          <td>cell 3-2</td>  
          <td>cell 3-3</td>  
          <td>cell 3-4</td>  
     </tr>  
</tbody>  
</table>

ブラウザでの表示効果は次のとおりです:

テーブルのフレーム属性とルール属性の詳細HTML 関連記事については、PHP 中国語 Web サイトに注目してください。