CSS Kochbuch

8.4 Stildefinitionen für Tabellenbeschriftungen

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 g</strong>;
Menge ändern <input type="submit"  value="Preis(e) aktualisieren" /></caption>
 ...
</table>

Auch wenn sich die Darstellung des Elements ...