Websiteentwicklung: CSS: Schriftgröße

Aus Wikibooks
Wechseln zu: Navigation, Suche
Wikibooks buchseite.svg Zurück zu Schriftfarbe | One wikibook.svg Hoch zu CSS | Wikibooks buchseite.svg Vor zu Schriftgewicht


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

Inhaltsverzeichnis

[Bearbeiten] absolute Größenangaben

Es wird empfohlen (und für amtliche Seiten in Deutschland per Gesetz vorgegeben) dass für Schriftgrößen relative Maßangaben verwendet werden sollen (siehe unten) um den Nutzern das Einstellen der Schriftgröße zu ermöglichen.

[Bearbeiten] numerische Größenangaben

Bei der numerischen Größenangabe wird ein fester Wert als Größe angegeben. Wie nahezu alle Werte in CSS benötigt auch diese Angabe zwingend eine Maßeinheit.

p {
  font-size: 12px;
}
/* oder */
p {
  font-size: 10pt;
}

[Bearbeiten] Angaben über Bezeichner

xx-small
winzig
x-small
sehr klein
small
klein
medium
mittel
large
groß
x-large
sehr groß
xx-large
riesig
p {
  font-size: small;
}

[Bearbeiten] relative Größenangaben

Relative Größenangaben stehen immer in Relation zum Elternelement.

[Bearbeiten] numerische Größenangaben

h1 {
  font-size: 2em;
}
/* oder */
h1 {
  font-size: 200%;
}

[Bearbeiten] Angaben über Bezeichner

  • smaller für kleiner als im Elternelement.
  • larger für größer als im Elternelement.
p {
  font-size: smaller;
}


Wikibooks buchseite.svg Zurück zu Schriftfarbe | One wikibook.svg Hoch zu CSS | Wikibooks buchseite.svg Vor zu Schriftgewicht
Meine Werkzeuge
Namensräume

Varianten
Aktionen
Navigation
Mitmachen
Werkzeuge
In anderen Sprachen
Drucken/exportieren