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

balise table. Les attributs frame et Rules peuvent contrôler l'affichage des bordures. L'attribut frame contrôle la visibilité des quatre bordures extérieures du tableau, tandis que les règles contrôlent la visibilité des bordures intérieures du tableau. Les valeurs et significations possibles de l'attribut

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>

s'affiche dans le navigateur comme suit Image :

Pour des explications plus détaillées sur les attributs du cadre et des règles des tableaux en HTML, veuillez faire attention au site Web PHP chinois !