CSS-Eigenschaft font-size

Die CSS-Eigenschaft font-size wird verwendet, um die Schriftgröße des Textes einzustellen.

Font size kann wie folgt definiert werden:

absolute-size
relative-size
length
percentage

Absolute Schriftgröße beinhaltet folgende Werte:

xx-small
x-small
small
small
x-large
xx-large

Relative Schriftgröße beinhaltet folgende Werte:

smaller
larger

Die Längen umfassen relative Längen (em, ex, px) und absolute Längen (in, cm, mm, pt, pc). Die Prozentsätze geben eine absolute Schriftgröße im Verhältnis zur Schriftgröße des übergeordneten Elements an.

Anfangswert	medium
Gilt für	Alle Elemente. Es gilt auch für ::first-letter und ::first-line.
Geerbt	Ja
Animierbar	Ja
Version	CSS1
DOM Syntax	object.style.fontSize = "15px";

Syntax

font-size: medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | length | initial | inherit;

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      h1 { font-size: 24pt; }
      h3 { font-size: 26px; }
      p { font-size: 1em; }
      a { font-size: 100%; }
      span { font-size: x-small; }
    </style>
  </head>
  <body>
    <span>Dieser Span wurde mit x-small Wert geschrieben.</span> 
    <p>Dieser Absatz wurde mit 1em font-size geschrieben.</p>
    <a href="https://de.w3docs.com/">Dieser Hyperlink wurde mit 100% font-size geschrieben.</a>
    <h3>Wir haben für diese Überschrift x-small font size verwendet.</h3>
    <h1>Wir haben die Schriftgröße 24pt für diese Überschrift eingestellt.</h1>
  </body>
</html>

Versuch es selber!

Werte

Wert	Beschreibung
medium	Stellt die Schriftgröße auf medium ein. Das ist der Standardwert dieser Eigenschaft.
xx-small	Stellt die Schriftgröße auf xx-small ein.
x-small	Stellt die Schriftgröße auf x-small ein.
small	Stellt die Schriftgröße auf small ein.
large	Stellt die Schriftgröße auf large ein.
x-large	Stellt die Schriftgröße auf x-large ein.
xx-large	Stellt die Schriftgröße auf xx-large ein.
smaller	Verkleiner die Schriftgröße.
larger	Vergrößert die Schriftgröße.
length	Definiert die Schriftgröße durch px, em usw.
%	Stellt die Schriftgröße auf ein Prozent der Schriftgröße des übergeordneten Elements ein.
initial	Der Wert stellt die Eigenschaft auf seinen Standardwert ein.
inherit	Der Wert erbt die Eigenschaft von seinem übergeordneten Element.