CSS-Einheiten-Konverter

Professionelle CSS-Einheitenkonvertierung mit kontextbezogenen Berechnungen

Absolute CSS-Einheiten verwenden 96px = 1in, unabhängig von der Bildschirm-DPI. Prozentwerte beziehen sich hier auf die Schriftgröße. ch/ex nutzen eine Näherung von 0,5em; Fontmetriken können abweichen. Vier Nachkommastellen.

Eingabewert

Konvertierte Werte

1em
Em-Einheiten skalieren relativ zur Schriftgröße des Elternelements.
1rem
Rem-Einheiten skalieren relativ zur Wurzel-Schriftgröße. Empfohlen für konsistente Abstände.
100%
Absolute CSS-Einheiten verwenden 96px = 1in, unabhängig von der Bildschirm-DPI. Prozentwerte beziehen sich hier auf die Schriftgröße. ch/ex nutzen eine Näherung von 0,5em; Fontmetriken können abweichen. Vier Nachkommastellen.
0.8333vw
Viewport-Breiten-Einheiten. 1vw = 1% der Viewport-Breite.
1.4815vh
Viewport-Höhen-Einheiten. 1vh = 1% der Viewport-Höhe.
1.4815vmin
Viewport-Minimum. 1vmin = 1% der kleineren Viewport-Dimension.
0.8333vmax
Viewport-Maximum. 1vmax = 1% der größeren Viewport-Dimension.
12pt
Punkte werden im Druck verwendet. 1pt = 1/72 Zoll.
1pc
Picas sind Druckeinheiten. 1pc = 12pt = 1/6 Zoll.
0.4233cm
Zentimeter. Metrische Einheit hauptsächlich für Druck.
4.2333mm
Millimeter. Metrische Einheit hauptsächlich für Druck.
0.1667in
Zoll. Imperiale Einheit. 1in = 96px bei Standard-DPI.
2chNäherung
Näherung (0.5em)
2exNäherung
Näherung (0.5em)

CSS-Einheiten-Konverter

Absolute CSS-Einheiten verwenden 96px = 1in, unabhängig von der Bildschirm-DPI. Prozentwerte beziehen sich hier auf die Schriftgröße. ch/ex nutzen eine Näherung von 0,5em; Fontmetriken können abweichen. Vier Nachkommastellen.

Funktionen

  • Absolute CSS-Einheiten verwenden 96px = 1in, unabhängig von der Bildschirm-DPI. Prozentwerte beziehen sich hier auf die Schriftgröße. ch/ex nutzen eine Näherung von 0,5em; Fontmetriken können abweichen. Vier Nachkommastellen.
  • Konvertierungskontext
  • Alle kopieren

Anleitung

  1. Geben Sie Ihren CSS-Wert in das Eingabefeld ein
  2. Wählen Sie die Quelleinheit aus dem Dropdown-Menü
  3. Konfigurieren Sie bei Bedarf Kontexteinstellungen
  4. Sehen Sie sofortige Konvertierungen zu allen unterstützten Einheiten
  5. Verwenden Sie Schnellvorlagen für übliche Werte
  6. Kopieren Sie einzelne Werte oder alle Konvertierungen
  7. Lernen Sie mit integrierten Hinweisen
  8. Greifen Sie auf den Verlauf zu