Tabellen-Eigenschaften
- border-collapse: Rahmen bei Tabellenzellen verbinden
- border-spacing: Rahmenabstand bei Tabellenzellen
- caption-side: Position der Tabellenüberschrift
- empty-cells: Anzeige von leeren Tabellenzellen
- table-layout: Darstellung von Tabellenzellen
- vertical-align: Vertikale Ausrichtung innerhalb einer Zelle
- Weiterführende Informationen
Tabellen sind in CSS besondere Elemente und haben einige Eigenschaften, die nur für Tabellen bestimmt sind. Diese Auflistung zeigt diese besonderen Eigenschaften auf:
border-collapse: Rahmen bei Tabellenzellen verbinden
Werte: collapse, seperate
Durch diese Eigenschaft kann festgesetzt werden, dass Rahmen von Tabellenzellen zusammenfallen, es entstehen keine Abstände zwischen den Zellen.
border-spacing: Rahmenabstand bei Tabellenzellen
Werte: Längenangaben
Die Eigenschaft border-spacing setzt die Abstände von Tabellenzellen innerhalb von Tabellen fest, wenn die Rahmen nicht verbunden werden.
caption-side: Position der Tabellenüberschrift
Werte: top, bottom
Diese Eigenschaft legt fest, ob die Tabellenüberschrift oberhalb oder unterhalb einer Tabelle dargestellt wird.
empty-cells: Anzeige von leeren Tabellenzellen
Werte: show, hide
Durch diese Eigenschaft kann festgelegt werden, ob leer Tabellenzeilen angezeigt werden oder nicht.
table-layout: Darstellung von Tabellenzellen
Werte: auto, fixed
Die Eigenschaft table-layout beeinflusst die Darstellung der Breite von Tabellenzellen.
vertical-align: Vertikale Ausrichtung innerhalb einer Zelle
Werte: baseline, top, middle,
bottom
Innerhalb von Tabellen-Zellen wird der Inhalt der Zelle mit vertical-align vertikal ausgerichtet.
Weiterführende Informationen
- In den Benimmregeln für Datentabellen werden erklärenden Abbildungen, Beispiele und Hörproben von Screenreadern geboten.
- CSS Templates und Designs für Tabellen
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 3 Personen an der Seite "Tabellen-Eigenschaften" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "Tabellen-Eigenschaften" hier bearbeiten.
-
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.
-
David Danier arbeitet seit mehr als neun Jahren im Bereich Webdevelopment und ist unter anderem Geschäftsführer der Team23 GbR, sowie Webmasterpro.de.
-
arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.
Die Prozentanzeige...
Was mir jetzt noch aufgefallen ist die Prozentanzeige:
vertical-align hat mit 2 mal gelb 100%
und caption-side mit 2 roten ansonsten aber identisch 44%... das irgendwie unlogisch!
Re: Die Prozentanzeige...
Klick mal auf die Prozentzahl und lies dir die dort verlinkte Seite durch...da wird das alles erklärt. :)
Re: Die Prozentanzeige...
Hab ich mittlerweile auch gefunden :P
danke ^^
Die Browserkompatibilitäts anzeige...
Ich finde die Anzeige zwar relativ ansprechend aber etwas unübersichtlich. Vielleicht könnte man Versuchen da was dran zu machen, dezentere Farben und die Browser vielleicht Gruppieren? Ein son ääh "Kästle" für IE, einen Für FF und dann halt die einzelnen Versions nummern.
Ala:
Sowas in der Richtung, dann kann man auf einen Blick sehen: IE: geht(-nicht)....
Re: Die Browserkompatibilitäts anzeige...
Ist schon gemacht :)
Re: Die Browserkompatibilitäts anzeige...
Supidupi, sieht geil aus ;) *gz*
Re: Die Browserkompatibilitäts anzeige...
Ich habe das jetzt mal in der BSeite zur Browserunterstützung / Browserkompatibilitätsanzeige etwas genauer erklärt...