HTML.it - Guida CSS di base - Tabelle

table-layout: fixed con larghezza esplicita

.tabella-1 {
 table-layout: fixed;
 width: 300px;
}

table-layout: fixed con width: auto

.tabella-2 {
 table-layout: fixed;
 width: auto;
}

table-layout: auto

.tabella-3 {table-layout : auto;}

border-collapse: separate

.tabella-4 {
 table-layout: fixed;
 width: 300px;
 border-collapse: separate;
 border-spacing: 5px; 
 padding: 10px;
}
.tabella-4 td {border: 2px solid #002c53;}

border-collapse: collapse

.tabella-5 {
 table-layout: fixed;
 width: 300px;
 border-collapse: collapse;
 border-spacing: 5px; 
 padding: 10px;
}
.tabella-5 td {border: 2px solid #002c53;}

empty-cells: celle nascoste

.tabella-6 {
 table-layout: fixed;
 width: 300px;
 border-collapse: separate;
 border-spacing: 5px; 
 padding: 10px;
 empty-cells: hide;
}
.tabella-6 td {border: 2px solid #002c53;}

Caption in basso

.tabella-7 {
 table-layout: fixed;
 width: 300px;
 border-collapse: collapse;
 border-spacing: 5px; 
 padding: 10px;
 caption-side: bottom;
}
.tabella-7 td {border: 2px solid #002c53;}