Längeneinheiten in CSS

CSS Tutorial > Längeneinheiten

In CSS gibt es zwei Kategorien von Längeneinheiten: relative und absolute Einheiten.

Relative Einheiten beinhalten folgende:

px: Pixel

em: Em

ex: Höhe des Buchstaben x

Absolute Einheiten beinhalten folgende:

in: Zoll

cm: Zentimeter

mm: Millimeter

pt: DTP-Punkte, 1 Pkt = 1/72 Zoll

pc: Pica-Punkte, 1 Pc = 12 Pkt

Sollte keine Einheit angegeben werden, so ist die Standardeinheit px.

Hier sind Beispiele für jede Einheit:

CSS-Statement	Ausgabe
p {font-size:9px;}	Schriftgröße 9px.
p {font-size:3em;}	Schriftgröße 3em.
p {font-size:3ex;}	Schriftgröße 3ex.
p {font-size:0.2in;}	Schriftgröße 0.2 inch.
p {font-size:0.5cm;}	Schriftgröße 0.5 cm.
p {font-size:12mm;}	Schriftgröße 12 mm.
p {font-size:24pt;}	Schriftgröße 24 pt.
p {font-size:2pc;}	Schriftgröße 2 pc.

Die generelle Empfehlung hier ist relative Einheiten zu benutzen. So können die Anwender nachher die Schriftgröße nach Ihren Wünschen vergrößern oder verkleinern. Wenn Sie absolute Einheiten benutzen, entfällt diese Möglichkeit.

Folgende Seite: CSS Box Modell