HTML Tabelle Padding & Spacing
HTML-Tabellen können den Innenabstand der Zellen und auch den Abstand zwischen den Zellen anpassen.
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
HTML Tabelle – Zellauffüllung
Der Zellabstand ist der Abstand zwischen den Zellrändern und dem Zellinhalt.
Standardmäßig ist der Abstand auf 0 eingestellt.
Um Auffüllungen in Tabellenzellen hinzuzufügen, verwenden Sie die CSS-Eigenschaft padding:
Um den Abstand nur oberhalb des Inhalts hinzuzufügen, verwenden Sie die Eigenschaft padding-top.
Und die andere Seite mit padding-bottom, padding-left und padding-right Eigenschaften:
Beispiel
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
Try it Yourself »
HTML Tabelle – Zellabstand
Der Zellenabstand ist der Abstand zwischen den einzelnen Zellen.
Standardmäßig ist der Abstand auf 2 Pixel eingestellt.
Um den Abstand zwischen Tabellenzellen zu ändern, verwenden Sie die CSS-Eigenschaft border-spacing für das Element table:
