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>

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.

Browser-Support

chrome edge firefox safari opera
1.0+ 12.0+ 1.0+ 1.0+ 7+.0

Übe dein Wissen

Was kann der Wert der CSS-Eigenschaft 'font-size' sein?
Finden Sie das nützlich?