Zum Inhalt springen

font-size

  • Redaktion 
  • Zuletzt aktualisiert am

#font-size

Bestimmt die Größe des Textes.

default font-size: medium;

Der Text wird in der Standardgröße Mittel des Browsers dargestellt.

font-size: 20px;

Sie können Pixel-Werte verwenden.

font-size: 1.2em;

Sie können em Werte verwenden.

Der Wert ist relativ zur übergeordneten font-size.
Daher wird der Wert kaskadiert, wenn er in untergeordneten Elementen verwendet wird.

font-size: 1.2rem;

Sie können rem Werte verwenden.

Der Wert ist relativ zu der font-size des Wurzelelements, welches das <html> Element ist.
Daher variiert der Wert nicht in Abhängigkeit von der Tiefe des Elements in der HTML-Hierarchie und ist kontextunabhängig.

font-size: 90%;

Sie können Prozentwerte verwenden. Sie verhalten sich wie em-Werte.

Der Wert ist relativ zur übergeordneten font-size.
Daher wird der Wert kaskadiert, wenn er in untergeordneten Elementen verwendet wird.

font-size: smaller;

Sie können relative Schlüsselwörter verwenden. Der Wert ist relativ zum Elternteil.

Die folgenden sind verfügbar:

  • larger
  • smaller

font-size: x-large;

Sie können absolute Schlüsselwörter verwenden. Der Wert ist relativ zum Wurzelelement <html>.

Die folgenden sind verfügbar:

  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large