WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
menü MENÜ    

CSS3 stíluslapok készítése

CSS3 táblázatok


    CSS segítségével dekoratív és áttekinthető táblázatokat készíthetünk.                         

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