Style tableLayout property
- Forrige side scrollBehavior
- Næste side tabSize
- Gå tilbage til niveauet over HTML DOM Style Object
Definition and usage
tableLayout
Indstil eller returner tabellens celler, rækker og kolonners layoutmåde.
Se også:
CSS tutorial:CSS tabel
CSS reference manual:table-layout-egenskaben
Eksempel
Eksempel 1
Indstil fast tabellayout:
document.getElementById("myTable").style.tableLayout = "fixed";
Eksempel 2
Returner tabellens layout:
alert(document.getElementById("myTable").style.tableLayout);
Syntaks
Returner tableLayout-egenskaben:
object.style.tableLayout
Indstil tableLayout-egenskaben:
object.style.tableLayout = "auto|fixed|initial|inherit"
Egenskabsværdi
Værdi | Beskrivelse |
---|---|
auto |
Kolonnebredden bestemmes af den bredeste indhold, der ikke kan brydes. Standard. Denne layout kan være langsom, fordi den kræver adgang til alt indhold, før tabellen er fuldt udvist. |
fixed |
Kolonnebredden bestemmes af tabellens og kolonnenes breddeindstillinger (ikke cellens indhold) fixed er hurtigere end automatisk layout, fordi brugeragenten kan begynde at vise tabellen med det samme, når den første række modtages. |
initial | Sæt denne egenskab til dens standardværdi. Se initial. |
inherit | Arve denne egenskab fra forældrelementet. Se inherit. |
Tekniske detaljer
Standardværdi: | auto |
---|---|
Returværdi: | Streng, der angiver tabellens layoutalgoritme. |
CSS version: | CSS2 |
Browser support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |
- Forrige side scrollBehavior
- Næste side tabSize
- Gå tilbage til niveauet over HTML DOM Style Object