Padding & Spacing tabulky HTML

HTML tabulky mohou upravit výplň uvnitř buněk a také prostor mezi buňkami.

Tabulka HTML - Odsazení buněk

Výplň buněk je prostor mezi okraji buňky a obsahem buňky.

Ve výchozím nastavení je výplň nastavena na 0.

Chcete-li přidat odsazení do buněk tabulky, použijte vlastnost CSS padding:

th, td {
padding: 15px;
}

Chcete-li přidat výplň pouze nad obsah, použijte padding-topvlastnost.

A ostatní strany s vlastnostmi padding-bottom, padding-left, a padding-right:

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

Rozestup buněk je prostor mezi jednotlivými buňkami.

Ve výchozím nastavení je prostor nastaven na 2 pixely.

Chcete-li změnit mezeru mezi buňkami tabulky, použijte vlastnost CSS border-spacingna table prvku:

table {
border-spacing: 30px;
}