CSS font-size-Eigenschaft
- Die vorherige Seite @font-palette-values
- Nächste Seite font-size-adjust
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%;}
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 |
---|---|
|
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 |
- Die vorherige Seite @font-palette-values
- Nächste Seite font-size-adjust