Stylen von Tabellen

Wir nehmen wieder die Tabelle aus dem Kapitel Tabellen in CSS.

Und in unseren Style Tag fügen wir folgende Regel ein:

Stylen von Tabellen in CSS

table{
	border: 3px solid black;
}
tr {
	background-color:red;
}
td {
	border: 1px dotted blue;
	background-color:green;
}

Dabei ist es wichtig zu berücksichtigen, dass vererbt wird. Table vererbt an Table Row, was wiederrum an Table Data vererbt. Das Größere vererbt also zum kleineren hin. Das bedeutet, dass eine Regel die in Table erzeugt wird an die Elemente tr, td und th weitergegeben werden und somit die gleichen Gesetze gelten, sofern sie nicht explizit überschrieben werden.