Websiteentwicklung: CSS: Schriftgröße

Aus Wikibooks

Wechseln zu: Navigation, Suche

Inhaltsverzeichnis

[Bearbeiten] Erklärung

Mit Hilfe von font-size lässt sich die Schriftgröße eines Textes definieren.

[Bearbeiten] Schriftgröße

Die Angabe der Schriftgröße kann numerisch, absolut oder relativ erfolgen:

[Bearbeiten] Numerische Größenangaben

Bei der numerischen Größenangabe wird ein fester Wert als Größe angegeben. Dieser kann durch Pixel-, Punkt- und anderen Angaben erfolgen.

Beispiel:

font-size: 12px;

[Bearbeiten] Absolute Größenangaben

Absoluten Größenangaben können Browserspezifisch sein.

Absolute Angaben:

  • xx-small für winzig.
  • x-small für sehr klein.
  • small für klein.
  • medium für mittel.
  • large für groß.
  • x-large für sehr groß.
  • xx-large für riesig.

Beispiel:

font-size: small;

[Bearbeiten] Relative Größenangaben

Relative Größenangaben stehen immer in Relation zu dem Elternelement

Relative Angaben:

  • smaller für kleiner als im Elternelement.
  • larger für größer als im Elternelement.

Beispiel:

font-size: smaller;

Außerdem gibt es die Angabe Prozent, die sich auf die Einstellungen des Users bezieht.

h1 {font-size:200%;}



Schriftfarbe: color | Schriftgewicht: font-weight

Websiteentwicklung: CSS


Persönliche Werkzeuge
Andere Sprachen
Buch erstellen
  • Artikel hinzufügen
  • Hilfe zu Sammlungen