border

collapse

<!DOCTYPE html>
<html>
<head>
<style>
table {
      border-collapse: collapse; padding:10px;
}

table, td, th {
      border: 1px solid black;
}
</style>
</head>
<body>

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
    </tr>
</table><p>

<b>Note:</b> If a !DOCTYPE is not specified, the border-collapse property can produce unexpected results in IE8 and earlier versions.<p>

<br>
</body>
</html>

Firstname Lastname
Peter Griffin
Lois Griffin

Note: If a !DOCTYPE is not specified, the border-collapse property can produce unexpected results in IE8 and earlier versions.


Regeln für Gitternetzlinien

Sie können Regeln aufstellen, welche Gitternetzlinien einer Tabelle angezeigt werden sollen und welche nicht.

<table border rules=cols>
<!--Inhalt der Tabelle-->
</table>

Erläuterung:

Voraussetzung für all diese Angaben ist das Attribut border oder border=[Pixel] im einleitenden <table>-Tag. Dadurch werden Gitternetzlinien angezeigt.

Mit rules= können Sie im einleitenten <table>-Tag Regeln für die Gitternetzlinien bestimmen (rules = Regeln).

Folgende Angaben sind dabei möglich:
Mit rules=none (none = keine) werden überhaupt keine Linien gezogen, der Außenrahmen der Tabelle wird jedoch angezeigt.
Mit rules=rows (rows = Reihen) werden Linien zwischen allen Tabellenzeilen gezogen, nicht jedoch zwischen den Spalten der Tabelle.
Mit rules=cols (cols = cloumns = Spalten) werden Linien zwischen allen Tabellenspalten gezogen, nicht jedoch zwischen den Zeilen der Tabelle.
Mit rules=groups (groups = Gruppen) werden Linien zwischen Kopf, Körper und Fuß einer Tabelle gezogen (siehe Kopf, Körper und Fuß einer Tabelle definieren)
Mit rules=all (all = alle) werden Linien zwischen allen Tabellenzellen gezogen (Voreinstellung).

Beachten Sie:

Netscape 4.x interpretiert diese Angaben noch nicht.