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.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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ă |