Hier bist Du: Home » Schrifteigenschaften » Schriftgrösse

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
Wert Internet Explorer Opera Netscape Mozilla Mozilla Firefox Safari Konqueror
5 5.5 6 MAC5+ 5 6 7 8 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
Längenangabe, Prozentangabe j j j j j j j j j j j j j j j
xx-small j j j j j j j j j j j j j j j
x-small j j j j j j j j j j j j j j j
small j j j j j j j j j j j j j j j
smaller j j j j j j j j j j j j j j j
medium j j j j j j j j j j j j j j j
large j j j j j j j j j j j j j j j
x-large j j j j j j j j j j j j j j j
xx-large j j j j j j j j j j j j j j j
larger j j j j j j j j j j j j j j j