Stildefinitionen für Tabellenbeschriftungen

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

Problem

Die Beschreibung einer Tabelle (caption) soll mit eigenen Stildefinitionen versehen werden.

Lösung

Verwenden Sie den Elementselektor caption:

table caption {
 font: 1.5em Georgia, "Times New Roman", Times, serif;
 padding: 1em;
}

Diskussion

Beschriftungen werden verwendet, um den Inhalt einer Tabelle zu erläutern, und sollten im HTML-Code nach dem öffnenden table-Element, aber noch vor allen anderen Elementen wie thead oder tr stehen:

<table id="shoppingcartTable" summary="Liste der Produkte in Ihrem Warenkorb.">
  <caption>Ihr Warenkorb - <strong>Summe: 45,16 ¤</strong>; Menge ändern <input type="submit" value="Preis(e) aktualisieren" /></caption>
  ...
</table>

Auch wenn sich die Darstellung des Elements caption von Browser zu Browser möglicherweise unterscheidet, stellen alle Browser es dar. Es kann per CSS mit Stildefinitionen versehen werden und ist die zugänglichste Methode, Tabellen mit Beschriftungen zu versehen.

Siehe auch

Die HTML 4.01-Spezifikation zur Eigenschaft caption.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln