CSS: Fogli di stile
Le tabelle
Queste proprietà non sono ben supportate dalla maggior parte dei browser.
- table-layout (metodo di layout di una tabella)
proprietà non ereditata
si applica solo alle tabelle
<selettore> {table-layout: <valore>;}
Valori
- auto
- fixed (impostazione delle regole di presentazione)
Es.
table {
table-layout: fixed;
width: 640px;
}
- border-collapse (modalità di trattamento dei bordi e degli spazi tra le celle di una tabella)
proprietà ereditata
si applica solo alle tabelle
<selettore> {border-collpse: <valore>;}
Valori
- collapse (se viene impostato un bordo, le celle della tabella lo condividono)
- separate (se viene impostato un bordo, ogni cella ha il suo, separato dalle altre. Lo spazio tra le celle e tra i bordi si imposta con la proprietà border-spacing)
Es.
table {
border: 1px solid black;
border-collapse: separate;
border-spacing: 10px;
}
- border-spacing (spazio tra le celle di una tabella solo in presenza di border-collapse settato su separate)
proprietà ereditata
si applica solo alle tabelle
<selettore> {border-spacing: <valore>;}
Valori
- valore numerico con unità di misura
- empty-cells (per celle di tabella senza contenuto, neanche e serve per simulare la presenza di contenuto)
proprietà ereditata
si applica solo alle tabelle
<selettore> {empty-cells: <valore>;}
Valori
- show (mostra i bordi della cella)
- hide (bordi non mostrati, appare solo uno spazio vuoto)
- caption-side (definisce il lato su cui vogliamo far comparire il titolo/riassunto della tabella, poco supportata dai vari browser)
proprietà ereditata
si applica solo alle tabelle
<selettore> {caption-side: <valore>;}
Valori
- top (caption sul lato superiore)
- right (sul lato destro)
- bottom (sul lato inferiore
- left (sul lato sinistro)