Gestire il cellpadding e il cellspacing di una tabella con i css.

Loading

Gestire il cellspacing e dell cellpadding è possibile anche mediante l’utilizzo dei fogli di stile, prima di vedere come è possibile farlo facciamo un breve riassunto di cosa si intende per cellpadding e cellspacing:
Il cellpadding è lo spazio esperesso in pixel che separa il bordo della cella dal suo contenuto.
Il cellapacing è lo spazio espresso in pixel che separa una cella dalle celle adiacenti.

Nella pratica di scrittura del codice l’unica differenza alla rispetto alla definizione che eravamo abituati a dare nell’HTML è che con i css il cellspacing è una caratteristica della tabella, mentre il cellpadding è della cella. Quindi avremo bisgono di definire 2 regole, o 3 se vogliamo gesture anche i th.

Detto ciò andiamo a vedere il codice necesario:

table {
  border-spacing:0;
  border-collapse:collapse;
}
/*cellspacing assegnato ad una tabella*/
td,th{
  padding:0;
}
/*cellspacing si per td che per th*/

Qui abbiamo gestito cellpadding e cellspacing uguali a zero, nulla ci vieta di assegnare dei valori numerici (espressi secondo la sintassi dei css), ad esempio:

table { 
  border-spacing:9px;
  border-collapse:collapse;
}