CSS-Einheiten-Referenz
Referenz für CSS-Einheiten wie px, em, rem, %, vw, vh, vmin, vmax und ch, nach Kategorie geordnet. Mit klaren Erklärungen zu jeder absoluten und relativen Einheit, kostenlos im Browser.
| Einheit | Name | Art | Beschreibung | Beispiel |
|---|---|---|---|---|
| px | Pixels | absolute | Ein Pixel auf dem Bildschirm. Die einfachste Einheit. | font-size: 16px; |
| em | Em | relative | Vielfaches der font-size des Elternelements. | padding: 1.5em; |
| rem | Root Em | relative | Vielfaches der font-size des Wurzelelements (html). | margin: 2rem; |
| % | Percent | relative | Prozent bezogen auf die entsprechende Eigenschaft des Elternelements. | width: 50%; |
| vw | Viewport Width | viewport | 1 % der Viewport-Breite. | width: 100vw; |
| vh | Viewport Height | viewport | 1 % der Viewport-Höhe. | height: 100vh; |
| vmin | Viewport Min | viewport | 1 % des kleineren Werts von vw und vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1 % des größeren Werts von vw und vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Dynamische Viewport-Höhe (berücksichtigt die mobile Adressleiste). | height: 100dvh; |
| svh | Small VH | viewport | Kleinste Viewport-Höhe. | min-height: 100svh; |
| lvh | Large VH | viewport | Größte Viewport-Höhe. | max-height: 100lvh; |
| ch | Character | relative | Basiert auf der Breite des Zeichens „0“. | max-width: 60ch; |
| ex | X-Height | relative | Basiert auf der Höhe des Zeichens „x“. | line-height: 2ex; |
| cm | Centimeters | absolute | Zentimeter. Für den Druck. | width: 10cm; |
| mm | Millimeters | absolute | Millimeter. Für den Druck. | margin: 5mm; |
| in | Inches | absolute | Zoll (1in = 96px). | width: 2in; |
| pt | Points | absolute | Punkt (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1 % der Inline-Größe des Containers. | font-size: 5cqi; |
| cqb | Container Block | container | 1 % der Block-Größe des Containers. | padding: 2cqb; |
19개 표시 중
Einbetten
Zuletzt aktualisiert: 2026 · Kostenloses Online-Tool
Was ist CSS-Einheiten-Referenz?
Referenz für CSS-Einheiten wie px, em, rem, %, vw, vh, vmin, vmax und ch, nach Kategorie geordnet. Mit klaren Erklärungen zu jeder absoluten und relativen Einheit, kostenlos im Browser.
Anleitung
- 1Suchen— Suchen Sie den gewünschten Eintrag per Schlüsselwort.
- 2Kategorie— Filtern Sie nach Kategorien.
- 3Kopieren— Kopieren Sie den gewünschten Eintrag.
Verwandte Tools
PX-REM-KonverterPX-zu-REM-Konverter, der CSS-Pixel und rem in beide Richtungen anhand einer anpassbaren Root-Schriftgröße umrechnet, Dezimalwerte inklusive. Mit kopierbarer Referenztabelle und CSS-Snippet, kostenlos im Browser.
Browser-KompatibilitätsprüferBrowserkompatibilität für jedes CSS-, JavaScript-, HTML- oder Web-API-Feature: welche Versionen von Chrome, Firefox, Safari und Edge es unterstützen. Kostenlos und sofort im Browser.
CSS-Gradient-GeneratorVisueller CSS-Gradient-Generator für lineare, radiale und konische Farbverläufe: Farbstopps und Winkel anpassen, fertigen CSS-Code kopieren. Ideal für Hintergründe und Buttons, kostenlos im Browser.
CSS-Box-Shadow-GeneratorCSS-box-shadow-Generator mit Reglern für Versatz, Weichzeichnung, Streuung, Farbe und Inset sowie Live-Vorschau. Der kopierfertige box-shadow-CSS-Code entsteht sofort, kostenlos im Browser.
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.