CSS font-size-Eigenschaft

Definition und Verwendung

Die font-size-Eigenschaft kann die Schriftgröße einstellen.

Erklärung

Diese Eigenschaft stellt die Schriftgröße des Elements ein. Beachten Sie, dass tatsächlich die Höhe des Zeichenschrägs gesetzt wird; der tatsächliche Zeichenschrifttyp kann höher oder niedriger als diese Kästchen sein (wird oft niedriger sein).

Die Schriftgröße der verschiedenen Schlüsselwörter muss höher als die der kleinsten und kleiner als die der nächsten größten Schlüsselwort-Schriftgröße sein.

Siehe auch:

CSS Tutorial:CSS Schrift

CSS Referenzhandbuch:CSS font-Eigenschaft

HTML DOM Referenzhandbuch:fontSize-Eigenschaft

Beispiel

Stellen Sie die Größe verschiedener HTML-Elemente ein:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Probieren Sie es selbst aus

CSS-Syntax

font-size:mittel|xx-klein|x-klein|klein|groß|x-groß|xx-groß|kleiner|größer|Länge|initial|inherit;

Eigenschaftswert

Wert Beschreibung
  • xx-klein
  • x-klein
  • klein
  • mittel
  • groß
  • x-large
  • xx-large

Setzen Sie die Schriftgröße auf verschiedene Größen von xx-small bis xx-large.

Standardwert: mittel.

kleiner Setzen Sie die font-size auf eine kleinere Größe als das übergeordnete Element.
größer Setzen Sie die font-size auf eine größere Größe als das übergeordnete Element.
Länge Setzen Sie die font-size auf einen festen Wert.
% Setzen Sie die font-size auf einen Prozentsatz basierend auf dem übergeordneten Element.
inherit Es wird vorgeschrieben, dass die Schriftgröße von dem übergeordneten Element geerbt wird.

Technische Details

Standardwert: mittel
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: Objekt.style.fontSize="größer"

TIY-Beispiel

Schriftgröße einstellen
Dieses Beispiel zeigt, wie man die Schriftgröße einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0