Explication détaillée des attributs de cadre et de règles des tableaux en HTML

Sur la page Web, nous pouvons utiliser le cadre et les règles pour contrôler si la bordure du tableau est visible. Ci-dessous, nous expliquerons en détail les attributs du cadre et des règles du tableau en HTML. Les amis qui en ont besoin peuvent se référer au <.>

frame sont les suivantes :
* void - valeur par défaut. Indique que la bordure la plus externe du tableau n'est pas affichée.
* case - Afficher quatre bordures en même temps.
* border - Afficher quatre bordures en même temps.
* ci-dessus - seule la bordure supérieure est affichée.
* ci-dessous - seule la bordure inférieure est affichée.
* gauche - afficher uniquement la bordure gauche.
* droite - afficher uniquement la bordure droite.
* hsides - Afficher uniquement deux bordures horizontales.
* vsides - afficher uniquement deux bordures verticales. Il existe cinq valeurs possibles pour l'attribut
rules, qui sont :
* none - la valeur par défaut. Pas de frontières.
* groupes - Ajoutez des bordures aux groupes de lignes ou de colonnes.
* lignes - Ajoutez des bordures aux lignes.
* cols - Ajoutez des bordures aux colonnes.
* all - ajoutez des bordures à toutes les lignes et colonnes (cellules)

Exemple de code :

<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>