Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung der Rahmen- und Regelattribute von Tabellen in HTML

Ausführliche Erläuterung der Rahmen- und Regelattribute von Tabellen in HTML

高洛峰
高洛峰Original
2017-02-17 16:02:113051Durchsuche

Auf der Webseite können wir mithilfe von Rahmen und Regeln steuern, ob der Tabellenrand sichtbar ist. Freunde in Not können sich auf die

table-Tag. Die Frame- und Rules-Attribute können die Anzeige von Rahmen steuern. Das Rahmenattribut steuert die Sichtbarkeit der vier äußersten Ränder der Tabelle, während Regeln die Sichtbarkeit der inneren Ränder der Tabelle steuern. Die möglichen Werte und Bedeutungen des

frame-Attributs sind wie folgt:
* void – Standardwert. Zeigt an, dass der äußerste Rand der Tabelle nicht angezeigt wird.
* Feld – Zeigt vier Ränder gleichzeitig an.
* Rand – Zeigt vier Ränder gleichzeitig an.
* oben – nur der obere Rand wird angezeigt.
* unten – nur der untere Rand wird angezeigt.
* links – nur linken Rand anzeigen.
* rechts – zeigt nur den rechten Rand an.
* hsides – Zeigt nur zwei horizontale Ränder an.
* vsides – Zeigt nur zwei vertikale Ränder an. Es gibt fünf mögliche Werte für das Attribut
rules:
* none – der Standardwert. Keine Grenzen.
* Gruppen – Fügen Sie Rahmen zu Zeilen- oder Spaltengruppen hinzu.
* Zeilen – Ränder zu Zeilen hinzufügen.
* cols – Ränder zu Spalten hinzufügen.
* all – Ränder zu allen Zeilen und Spalten (Zellen) hinzufügen

Codebeispiel:

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

wird im Browser wie folgt angezeigt Bild:


Ausführliche Erläuterung der Rahmen- und Regelattribute von Tabellen in HTML

Ausführlichere Erläuterungen zu den Rahmen- und Regelattributen von Tabellen in HTML finden Sie auf der chinesischen PHP-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn