Maßeinheiten
Absolute Maßeinheiten
cm (Zentimeter)Wird fast nur für Print-Stylesheets (Drucklayouts) verwendet.
in (Inch / Zoll)Wird fast nur für Print-Stylesheets (Drucklayouts) verwendet.
mm (Millimeter)Wird fast nur für Print-Stylesheets (Drucklayouts) verwendet.
pt (Points)1/72 eines Inches. Standardeinheit in der Typografie (Druck).
in (Inch / Zoll)Wird fast nur für Print-Stylesheets (Drucklayouts) verwendet.
mm (Millimeter)Wird fast nur für Print-Stylesheets (Drucklayouts) verwendet.
pt (Points)1/72 eines Inches. Standardeinheit in der Typografie (Druck).
Relative Maßeinheiten (Schriftbasiert)
chBezieht sich auf die Breite des Zeichens "0" (Null) der aktuellen Schriftart. Ideal für die Breite von Textboxen.
emBezieht sich auf die Schriftgröße des aktuellen Elements. (z.B. 2em = doppelt so groß wie der Text im Element). Achtung: Vererbt sich kaskadierend!
exBezieht sich auf die x-Höhe (Höhe der Kleinbuchstaben) der aktuellen Schriftart.
rem (root em)Bezieht sich auf die Schriftgröße des Wurzelelements (
emBezieht sich auf die Schriftgröße des aktuellen Elements. (z.B. 2em = doppelt so groß wie der Text im Element). Achtung: Vererbt sich kaskadierend!
exBezieht sich auf die x-Höhe (Höhe der Kleinbuchstaben) der aktuellen Schriftart.
rem (root em)Bezieht sich auf die Schriftgröße des Wurzelelements (
<html>). Meist sind das standardmäßig 16px. Sicherer als em, da es keine unvorhersehbare Verschachtelung gibt.
Relative Maßeinheiten (Viewport-basiert)
vw (viewport width)1% der Breite des Fensters.
vh (viewport height)1% der Höhe des Fensters
vminNimmt den kleineren Wert von vw oder vh.
vmaxNimmt den größeren Wert von vw oder vh.
svh(Neu!) Spezielle Einheiten für Mobilgeräte, die berücksichtigen, ob die Adressleiste des Browsers ein- oder ausgeblendet ist.
lvh(Neu!) Spezielle Einheiten für Mobilgeräte, die berücksichtigen, ob die Adressleiste des Browsers ein- oder ausgeblendet ist.
dvh(Neu!) Spezielle Einheiten für Mobilgeräte, die berücksichtigen, ob die Adressleiste des Browsers ein- oder ausgeblendet ist.
vh (viewport height)1% der Höhe des Fensters
vminNimmt den kleineren Wert von vw oder vh.
vmaxNimmt den größeren Wert von vw oder vh.
svh(Neu!) Spezielle Einheiten für Mobilgeräte, die berücksichtigen, ob die Adressleiste des Browsers ein- oder ausgeblendet ist.
lvh(Neu!) Spezielle Einheiten für Mobilgeräte, die berücksichtigen, ob die Adressleiste des Browsers ein- oder ausgeblendet ist.
dvh(Neu!) Spezielle Einheiten für Mobilgeräte, die berücksichtigen, ob die Adressleiste des Browsers ein- oder ausgeblendet ist.
Prozentuale Maßangaben (Viewport-basiert)
% (Prozent)Bezieht sich immer auf das Elternelement. Bei
"width": % der Breite des Elternelements, Bei "line-height": % der eigenen Schriftgröße.
Zeit & Winkel (Spezialeinheiten)
s / msSekunden und Millisekunden (für Animationen und Transitions).
deg / rad / turnGrad, Radiant oder Umdrehungen (für Rotationen mit transform).
deg / rad / turnGrad, Radiant oder Umdrehungen (für Rotationen mit transform).