|
CSS eigenschappen.
Hoe de eigenschappen van CSS gebruikt kunnen worden om bepaalde effecten te bereiken.
Waarschuwing
Het gaat hier meestal om CSS 2.0 eigenschappen die dus in veel browsers niet (of nog niet) werken.
Gebruik ze dus met wijsheid en controleer de werking in zoveel mogelijk browsers en versies voordat je de pagina of de site op het web publiceert.
Inleiding.
Voor dit hoofdstuk ga ik er (voor mijn gemoedsrust) van uit dat je de voorgaande pagina's bestudeerd hebt en ook dat je de beginselen van CSS kent.
Indien dat wat CSS betreft niet zo is, klik dan op het logo links boven en raadpleeg de <NIWO> links.
Slechts die CSS eigenschappen welke direct betrekking hebben op structuuronderdelen van de tabel zelf worden hier besproken.
Deze eigenschappen: text-indent, line-height, vertical-align, text-align, white-space, margin en padding, hebben (o.a.) betrekking op de lay-out en inhoud in de cellen en wordt hier niet behandeld.
Hier staat de originele CSS table pagina van het W3C.ORG.
Zo kun je de "display" eigenschappen in je externe CSS-sheet zetten.
| table | { display: table } |
| tr | { display: table-row } |
| thead | { display: table-header-group } |
| tbody | { display: table-row-group } |
| tfoot | { display: table-footer-group } |
| col | { display: table-column } |
| colgroup | { display: table-column-group } |
| td, th | { display: table-cell } |
| caption | { display: table-caption } |
Hier staat het originele CSS voorbeeld bij W3C.ORG.
|
Attributen
Caption (een kopje boven een tabel)