====== 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

<code css>
h1 { font-size: 20pt; }
p { font-size: 10pt; }
i { font-size: 90%; }
</code>

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

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