CSS eininga umbreyting er ferlið að breyta á milli mismunandi lengdareininga (px, em, rem, %, vw, vh o.s.frv.) sem notaðar eru í vefhönnun.
Absolút og hlutfallslegar einingar
CSS einingar skiptast meginlega í absolútar og hlutfallslegar. Absolútar einingar (px, pt, cm o.s.frv.) hafa fastan stærð, meðan hlutfallslegar (em, rem, %, vw, vh o.s.frv.) eru gefnar sem hlutfall af grunn gildi.
px (Pixill)
Algengasta einingin, táknar einn punkta á skjánum. Auðvelt í notkun vegna föstunnar stærðar, en getur haft áhrif á aðgengi þar sem hún virðir ekki notanda leturstillingar.
em (Em)
Hlutfallsleg eining byggð á leturstærð foreldris. 1em = foreldri font-size. Í djúpum innbyggingum getur þetta lagst saman og valdið óvæntum stærðum.
rem (Root Em)
Hlutfallsleg eining byggð á root (html) leturstærð. 1rem = html font-size (venjulega 16px). Ákvarðast aldrei af innbyggingu og því ákjósanleg í samtímalegri CSS.
% (Prósenta)
Táknar hlutfall af foreldri. Fyrir font-size byggist hún á foreldri; fyrir width byggist hún á foreldri breidd. Grunnurinn fer eftir CSS-eiginleikanum.
vw/vh (Viewport einingar)
Einingar sem byggjast á stærð skoðunarflatarins. 1vw = 1% af breidd skjásins, 1vh = 1% af hæð. Leyfa sveigjanlega útlitsstjórnun.
pt/pc (Prent einingar)
Einingar notaðar í prentiðnaðinum. 1pt = 1/72 tomma, 1pc = 12pt. Notað í prent-CSS og PDF útgáfu; á skjá er þó algengara að nota px eða rem.
Fyrirferðareiningar (cm/mm/in)
Einingar sem tákna raunverulega líkamlega lengd. 1in = 2.54cm = 25.4mm = 96px (CSS skilgreining). Notaðar þegar þarf samræmi við prentefni, en skjá stærð er ekki tryggð.
Kostir rauntímabreytingar
Þetta tól styður rauntíma umbreytingu og uppfærir niðurstöður samstundis þegar grunngildi breytast. Gerir kleift að staðfesta útlit fljótt á mismunandi skjástærðum og með ólíkum leturstillingum.