Tabele CSS. Tabel responsiv. Elementul div și overflow-x: auto. Proprietățiile tabelului CSS: border, border-collapse, border-spacing, caption-side, empty-cells, table-layout.
Tabel responsiv (Responsive Table)
Un tabel responsiv va afișa o bară de defilare orizontală dacă ecranul este prea mic pentru a afișa întregul conținut:
Adăugați un element de container (cum ar fi <div>) cu overflow-x: auto în jurul elementului <table> pentru a face să răspundă:
Notă: În OS X Lion (pe Mac), barele de defilare sunt ascunse în mod implicit și sunt afișate doar atunci când sunt utilizate (chiar dacă „overflow: scroll” este setat).
Proprietățiile tabelului CSS:
Un tabel responsiv va afișa o bară de defilare orizontală dacă ecranul este prea mic pentru a afișa întregul conținut:
Adăugați un element de container (cum ar fi <div>) cu overflow-x: auto în jurul elementului <table> pentru a face să răspundă:
Notă: În OS X Lion (pe Mac), barele de defilare sunt ascunse în mod implicit și sunt afișate doar atunci când sunt utilizate (chiar dacă „overflow: scroll” este setat).
Proprietățiile tabelului CSS:
| Proprietate | Descriere |
|---|---|
| border | Setează toate proprietățiile de frontieră într-o singură declarație |
| border-collapse | Specifică dacă granițele tabelelor trebuie sau nu prăbușite |
| border-spacing | Specifică distanța dintre marginile celulelor adiacente |
| caption-side | Specifică amplasarea unei legende de tabel |
| empty-cells | Specifică dacă se afișează sau nu margini și fundal pe celulele goale dintr-un tabel |
| table-layout | Setează algoritmul de dispunere care va fi utilizat pentru o tabelă |