Decker Anleitung

Übersicht über gültige Einheiten in CSS

Sebastian Lukas Hauer

Lehrstuhl für Computergraphik, TU Dortmund

🚀 by Decker

Einheiten

In CSS kann man Größen in unterschiedlichen Einheiten angeben:

Absolute Einheiten

  • cm: Zentimeter
  • mm: Milimeter
  • in: Zoll (2.54 cm)
  • px: Pixel (1/96 in - Geräteabhängig)
  • pt: Punkte (1/72 in)
  • pc: Picas (1/12 pt)

Relative Einheiten

  • em: Relativ zur Font-Größe des Elements
  • ex: Relativ zur Höhe eines x des aktuellen Fonts
  • ch: Relativ zur Breite einer 0 des aktuellen Fonts
  • rem: Relativ zur Font-Größe des Wurzelelements
  • vw: 1% der Breite des Browserfensters
  • vh: 1% der Höhe des Browserfensters
  • vmin: 1% der kleineren Dimension des Browserfensters
  • vmax: 1% der größeren Dimension des Browserfensters
  • %: Relativ zum Elternelement

Für weitere Informationen über CSS empfehlen wir die w3schools-Webseiten.

Beispielangaben

![](){width="128px"}

![](){width="25%"}

![](){width="12cm"}

[:vspace](50mm)

Berechnungen in Größenangaben

Sie können mithilfe der CSS-Funktion calc auch Größen durch einfache mathematische Formeln berechnen lassen.

![](){width="calc(10mm + 128px)"}