De CSS display-eigenschap kunt u instellen van regels voor weergeven die uw inhoud weergeven als een raster of het alsof een tabel, wanneer in feite het materiaal is niet een tabel. Met behulp van CSS maken een rasterindeling geeft u meer controle over de lay-out zonder dat alle table-tags in de HTML-code. De weergave-eigenschappen die betrekking op een tabel-achtige verschijning hebben, met inbegrip van elke mogelijke eigenschap en waarde, zal in dit artikel worden beschreven.
Wat die u nodig hebt
- Een HTML-pagina
- Een stylesheet
display: tafel maakt het element fungeren als een table-element. Als u rijen of kolommen met rasters binnen dit element nest, moet u een of meer van de eigenschappen die hieronder wordt beschreven.
weergeven: tabel-rij maakt het element fungeren als een tabel rij-element. Het is mogelijk gebruik van display: tafel-rij effectief zonder dat het genest in een element ingesteld op display: tafel. Dit is omdat de browser het bestaan van een "anonieme" table-element veronderstelt en gedraagt zich alsof het er. (Zie Tips hieronder voor meer informatie over "anonieme" elementen.) Vergeet niet dat u niet het maken van een werkelijke Inhoudsopgave gegevens in tabelvorm; alleen maakt u een raster-achtige weergave.
display: tafel-cel maakt het element fungeren als een tabelcelelement. Het is mogelijk gebruik van display: tafel-cel effectief zonder het element genest in een element ingesteld op display: tafel-rij of display: tafel.
weergeven: tabel-rij-groep maakt het fungeren als een tabel rij groepselement element. Gebruik het voor een element dat een of meer rijen worden gegroepeerd. Het is de CSS manier van uitdrukken wat tbody doet in HTML.
weergeven: tabel-kop-groep maakt het element fungeren als een tabel header row groep-element. Het is de CSS manier van uitdrukken wat thead doet in HTML. Met CSS, worden de tabel-kop-groep wordt altijd weergegeven vóór alle andere rijen en rowgroups en na hoogste bijschriften.
display: tafel-voettekst-groep maakt het fungeren als een tabel voettekst rij groepselement element. Met CSS doet de tabel-voettekst-groep wat tfoot doet in HTML. De tabel-voettekst-groep wordt altijd weergegeven na alle andere rijen en rowgroups en voor bijschriften onder. Printers kunnen herhalen voettekstrijen op elke pagina overspannen door een tabel.
display: tafel-bijschrift maakt het element fungeren als een tabel caption-element.
display: tafel-kolom maakt het element fungeren als een kolom table-element. Het is de CSS manier van uitdrukken wat col doet in HTML.
display: tafel-kolom-groep maakt het element gedragen als een groep van de kolom tabel. Gebruiken om een of meer kolommen groeperen. Het is de CSS manier van uitdrukken wat colgroup doet in HTML.
- Elk element van het display: tafel genereert automatisch nodig anoniem table-objecten om zich heen.
- Elke selector in je stylesheet ingesteld op een van deze eigenschappen kunnen worden gestyled met de volledige bereik van CSS-regels, met inbegrip van de opvulling, marge, rand, achtergrond en lettertype-familie eigenschappen weergeven.
- CSS-eigenschappen voor beeldscherm worden niet ondersteund door Internet Explorer versies onder versie 8.