CSS: Schriftgrösse

Relativ zu Standardschriftgrösse des Browsers

Für die Angabe der Schriftgrösse kann eine der folgenden Werte verwendet werden:

Wert	Bedeutung
`xx-small`	sehr sehr klein
`x-small`	sehr klein
`small`	klein
`medium`	mittel
`large`	gross
`x-large`	sehr gross
`xx-large`	sehr sehr gross

Dabei ist medium die im Browser eingestellte, „normale“ Schriftgrösse. Die anderen Werte ergeben relativ dazu eine entsprechend kleinere oder grössere Schrift.

Relativ zu Schriftgrösse des Elternelements

Die Schriftgrösse kann auch relativ zur Schriftgrösse des Elternelements festgelegt werden. Dazu wird als Wert smaller, larger oder eine Prozentangabe verwendet:

Wert	Bedeutung
`smaller`	kleiner als das Elternelement
`larger`	grösser als das Elternelement

Beispielsweise wird mit den folgenden CSS-Eigenschaften

h1 { font-size: 20pt; }
p { font-size: 10pt; }
i { font-size: 90%; }

ein i-Element innerhalb eines h1-Elements mit einer Schriftgrösse von 18 pt dargestellt, innerhalb eines p-Elements jedoch mit 9 pt:

<h1><i>Kleiner</i> in Überschrift</h1>
<p><i>Kleiner</i> im Text</p>