Programozott tananyag:
Táblaszegélyek
A table, th és td HTML elemekhez rendelhetünk szegélyt a border tulajdonság segítségével.
Táblaszegélyek összevonása-elválasztása
A szegélyek közötti távolság a border-spacing tulajdonsággal adható meg.
A szegélyek közötti távolság
A border-collapse ( szegélyek összevonása ) tulajdonsággal a táblázat egyes elemeinek körvonalai elválaszthatók vagy összevonhatók.
A táblázat címének helye
A caption-side tulajdonság segítségével megadható, hogy a táblázat címe a táblázat alatt vagy felett helyezkedjen el.
Cellatartalom függőleges igazítása
A szövegformázásnál megismert vertical-align tulajdonság segítségével lehet a táblázat celláinak tartalmát is függőlegesen pozicionálni.
Cellatartalom vízszintes igazítása
A szövegformázásnál megismert text-align tulajdonság segítségével lehet a táblázat celláinak tartalmát is vízszintesen pozícionálni.
A táblázat háttere
Alapértelmezetten a táblázatok minden eleme (cellák, sorok, sorcsoportok, oszlopok és oszlopcsoportok) átlátszó, így az oldal vagy a befogadó elem háttere látszik mögötte.
A táblázat csíkozása
Áttekinthetőbbé, könnyebben átláthatóvá válik egy táblázat, ha minden második vagy harmadik sorának háttere eltér a többitől. Ekkor az eltérő színű sorok vezetik a szemet.
Üres cellák kezelése
A táblázat üres celláinak megjelenítése a empty-cells tulajdonság segítségével szabályozható.
A táblázat elrendezési módja
A táblázat elrendezési módját a table-layout tulajdonsággal lehet beállítani.
CSS táblázat-
tulajdonságok
a tananyagban
border-collapse | CSS2 |
border-spacing | CSS2 |
caption-side | CSS2 |
vertical-align | CSS1 |
text-align | CSS1 |
empty-cells | CSS2 |
table-layout | CSS2 |