HTML -tabelopvulling en spatiëring

HTML-tabellen kunnen de opvulling in de cellen aanpassen, en ook de ruimte tussen de cellen.

HTML-tabel - celopvulling

Celopvulling is de ruimte tussen de celranden en de celinhoud.

Standaard is de opvulling ingesteld op 0.

Gebruik de CSS-eigenschap om opvulling toe te voegen aan tabelcellen padding:

th, td {
padding: 15px;
}

Gebruik de padding-topeigenschap om alleen opvulling boven de inhoud toe te voegen.

En de andere kanten met de padding-bottom, padding-left, en padding-righteigenschappen:

th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

Celafstand is de ruimte tussen elke cel.

Standaard is de ruimte ingesteld op 2 pixels.

border-spacingGebruik de CSS- eigenschap op het table element om de ruimte tussen tabelcellen te wijzigen :

table {
border-spacing: 30px;
}