Dev Patrache

CSS-Einheiten-Referenz

UnitNameTypeDescriptionExample
pxPixelsabsoluteOne pixel on screen. The most basic unit.font-size: 16px;
emEmrelativeMultiple of the parent element font-size.padding: 1.5em;
remRoot EmrelativeMultiple of the root (html) element font-size.margin: 2rem;
%PercentrelativePercentage relative to the corresponding parent property.width: 50%;
vwViewport Widthviewport1% of the viewport width.width: 100vw;
vhViewport Heightviewport1% of the viewport height.height: 100vh;
vminViewport Minviewport1% of the smaller of vw and vh.font-size: 5vmin;
vmaxViewport Maxviewport1% of the larger of vw and vh.width: 50vmax;
dvhDynamic VHviewportDynamic viewport height (accounts for mobile address bar).height: 100dvh;
svhSmall VHviewportSmallest viewport height.min-height: 100svh;
lvhLarge VHviewportLargest viewport height.max-height: 100lvh;
chCharacterrelativeBased on the width of the "0" character.max-width: 60ch;
exX-HeightrelativeBased on the height of the "x" character.line-height: 2ex;
cmCentimetersabsoluteCentimeters. For print.width: 10cm;
mmMillimetersabsoluteMillimeters. For print.margin: 5mm;
inInchesabsoluteInches (1in = 96px).width: 2in;
ptPointsabsolutePoints (1pt = 1/72in).font-size: 12pt;
cqiContainer Inlinecontainer1% of the container inline size.font-size: 5cqi;
cqbContainer Blockcontainer1% of the container block size.padding: 2cqb;
19개 표시 중
Zuletzt aktualisiert: 2026 · Kostenloses Online-Tool

Was ist CSS-Einheiten-Referenz?

Kostenlose Online-Referenz für CSS-Einheiten wie px, em, rem, %, vw, vh, vmin, vmax und ch nach Kategorie, mit klaren Erklärungen zu jeder absoluten und relativen Einheit.

Anleitung

  1. 1
    Suchen— Suchen Sie den gewünschten Eintrag per Schlüsselwort.
  2. 2
    Kategorie— Filtern Sie nach Kategorien.
  3. 3
    Kopieren— Kopieren Sie den gewünschten Eintrag.

Verwandte Tools

Häufig gestellte Fragen

Ein kostenloses Online-Tool zum Nachschlagen von CSS-Einheiten wie px, em, rem, vh, vw nach Kategorien.

Ja, Sie können in Echtzeit nach Schlüsselwörtern suchen.

Nein. Es verwendet statische Daten und funktioniert offline.

Ja, klicken Sie auf einen Eintrag, um ihn zu kopieren.

Ja, das responsive Design funktioniert auf Mobilgeräten.

Diese Website verwendet Cookies für eine bessere Nutzererfahrung und Werbung. Mehr erfahren