Schriftgröße: `font-size`

Diese Eigenschaft gibt es seit Version: CSS 1

Durch font-size kann man die Schriftgröße anpassen. Neben Längen- und Prozentangaben, kann man auch Inherit oder Schlüsselwörter als Wert angeben.

Code-Beispiel für `font-size`:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html>
  <head>
    <style type="text/css">
      .sizeem {font-size:1em;}
      .sizesmall {font-size:small;}
      .sizepercentage {font-size:80%;}
    </style>
  </head>
  <body>

      <p class="sizeem">Diesem Absatz  ist die Schriftgröße 1em 
      durch die Anweisung font-size zugewiesen worden. Die Einheit em 
      bietet sich an, weil man sie problemlos skalieren kann.    
      </p>
      <p class="sizesmall">Diesem Absatz  ist die Schriftgröße small durch
      die Anweisung font-size zugewiesen worden. 
      </p>

      <p class="sizepercentage">Diesem Absatz  ist die Schriftgröße 80% 
      durch die Anweisung font-size zugewiesen worden. Die Schriftgröße 
      orientiert sich jetzt an der Standardschriftgröße des Browsers, oder an einem 
      vorher definiertem Wert.
      </p>
  </body>
</html>

Beispiel ansehen

Initialwert:	`medium`
Vererbbar:	Ja
Anwendbar auf:	Alle Elemente
Medium:	Visual
Werte:	Längenangabe, Prozentangabe, `Inherit`. Und die Schlüsselworte: `xx-small`, `x-small`, `small`, `medium`, `large`, `x-large`, `xx-large` von sehr klein bis sehr groß. `larger`, `smaller` Um die Schrift um einen Faktor zu vergrößern oder zu verkleinern.
Prozentuale Werte:	Beziehen sich auf die Schriftgröße des Eltern-Elements