Zurück

font-size: Schriftgröße

<p style="font-size:10pt;">
Dieser Text sollte 10 Punkte groß sein.
</p>

Dieser Text sollte 10 Punkte groß sein.

<p style="font-size:18pt;">
Dieser Text sollte 18 Punkte groß sein.
</p>

Dieser Text sollte 18 Punkte groß sein.

<p style="font-size:12px;">
Dieser Text sollte 12 Pixel groß sein.
</p>

Dieser Text sollte 12 Pixel groß sein.

<p style="font-size:20px;">
Dieser Text sollte 20 Pixel groß sein.
</p>

Dieser Text sollte 20 Pixel groß sein.

<p style="font-size:2em;">
Dieser Text sollte 2em groß sein.
</p>

Dieser Text sollte 2em groß sein.

<div style="font-size:16px;">
Dieser Text sollte 16 Pixel groß sein.
<p style="font-size:2em;">
Dieser Text sollte 2em groß sein.
</p>
</div>

<p style="font-size:2ex;">...</p>

Dieser Text sollte 2ex groß sein.

<div style="font-size:16px;">
Dieser Text sollte 16 Pixel groß sein.
<p style="font-size:2ex;">
Dieser Text sollte 2ex groß sein.
</p>
</div>

<p style="font-size:100%;">...</p>

Dieser Text sollte 100% groß sein.

<div style="font-size:16px;">
Dieser Text sollte 16 Pixel groß sein.
<p style="font-size:100%;">
Dieser Text sollte 100% groß sein.
</p>
</div>

<div style="font-size:16px;">
Dieser Text sollte 16 Pixel groß sein.
<p style="font-size:80%;">
Dieser Text sollte 80% groß sein.
</p>
</div>

<p style="font-size:xx-small;">font-size:xx-small;</p>
<p style="font-size:x-small;">font-size:x-small;</p>
<p style="font-size:small;">font-size:small;</p>
<p style="font-size:medium;">font-size:medium;</p>
<p style="font-size:large;">font-size:large;</p>
<p style="font-size:x-large;">font-size:x-large;</p>
<p style="font-size:xx-large;">font-size:xx-large;</p>

In den folgenden 7 Zeilen sollte die Schrift von Zeile zu Zeile größer werden

font-size:xx-small;

font-size:x-small;

font-size:small;

font-size:medium;

font-size:large;

font-size:x-large;

font-size:xx-large;

<p style="font-size:smaller;">font-size:smaller;</p>
<p style="font-size:larger;">font-size:larger;</p>

Sollte die Schriftgröße um einen Skalierungsfaktor vergrößern

font-size:larger;

font-size:smaller;