Padding & Spacing tabulky HTML
HTML tabulky mohou upravit výplň uvnitř buněk a také prostor mezi buňkami.
Ahoj | Ahoj | Ahoj |
Ahoj | Ahoj | Ahoj |
Ahoj | Ahoj | Ahoj |
Ahoj | Ahoj | Ahoj |
Ahoj | Ahoj | Ahoj |
Ahoj | Ahoj | Ahoj |
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
:
Příklad
th, td
{
padding: 15px;
}
Chcete-li přidat výplň pouze nad obsah, použijte padding-top
vlastnost.
A ostatní strany s vlastnostmi padding-bottom
, padding-left
, a padding-right
:
Příklad
th, td
{
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
Tabulka HTML – mezery mezi buňkami
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-spacing
na table
prvku:
Příklad
table
{
border-spacing:
30px;
}