BESTE WEBSITE FÜR WEBENTWICKLER
HTML5-Lektionen für Anfänger

Ua En Es

HTML Tabelle Padding & Spacing


HTML-Tabellen können den Innenabstand der Zellen und auch den Abstand zwischen den Zellen anpassen.


Mit Polsterung
hello hello hello
hello hello hello
hello hello hello
Mit Abstand
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:

Beispiel

th, td {
  padding: 15px;
}
Try it Yourself »

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:

Beispiel

table {
  border-spacing: 30px;
}
Try it Yourself »


Kommentare