Imbottitura e spaziatura della tabella HTML
Le tabelle HTML possono regolare il riempimento all'interno delle celle e anche lo spazio tra le celle.
Ciao | Ciao | Ciao |
Ciao | Ciao | Ciao |
Ciao | Ciao | Ciao |
Ciao | Ciao | Ciao |
Ciao | Ciao | Ciao |
Ciao | Ciao | Ciao |
Tabella HTML - Riempimento cella
Il riempimento della cella è lo spazio tra i bordi della cella e il contenuto della cella.
Per impostazione predefinita, il riempimento è impostato su 0.
Per aggiungere spaziatura interna alle celle della tabella, utilizza la proprietà CSS padding
:
Esempio
th, td
{
padding: 15px;
}
Per aggiungere padding solo sopra il contenuto, usa la padding-top
proprietà.
E gli altri lati con le proprietà padding-bottom
, padding-left
, e padding-right
:
Esempio
th, td
{
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
Tabella HTML - Spaziatura celle
La spaziatura delle celle è lo spazio tra ogni cella.
Per impostazione predefinita, lo spazio è impostato su 2 pixel.
Per modificare lo spazio tra le celle della tabella, utilizzare la
border-spacing
proprietà CSS table
sull'elemento:
Esempio
table
{
border-spacing:
30px;
}