CSS-enhetsreferens
Bläddra bland alla CSS-enheter (absoluta (px, cm, pt), typsnittsrelativa (em, rem, ch), viewport (vw, dvh), container-query, rutnät (fr), vinkel, tid och upplösning) i en sökbar, typfiltrerbar referens med en beskrivning, en 'när du ska använda'-anteckning och kopieringsklara token. I din webbläsare, gratis.
Varje CSS-enhet, förklarad. Allt körs i din webbläsare från en inbyggd referens: inget skickas till servern.
Om CSS-enhetsreferens
CSS Units Reference dokumenterar varje enhet språket erbjuder, 45 sammanlagt, organiserade efter typ: absoluta enheter som px, cm och pt; teckensnittsrelativa enheter som em, rem, ch och lh; viewport-enheter från vw och vh till de nyare svh, lvh och dvh; container-query-enheter som cqw och cqi; grid-enheten fr; plus vinkel, tid, upplösning och procent.
Varje kort ger dig mer än en definition: enhetens beteckning i kopierbar monospace, dess fullständiga namn, dess kategori, en beskrivning på vanligt språk av hur den beräknas, och en praktisk "när ska den användas"-not som säger var enheten gör sig bäst: och var en annan passar bättre.
Sökningen matchar beteckningar, namn och betydelser, så rem, viewport-bredd och rot alla hittar sina enheter, och typmärken filtrerar rutnätet ner till en familj. Allt körs i din webbläsare från en inbyggd referens, utan att något skickas till en server.
Så använder du CSS-enhetsreferens
- Sök efter en enhet med beteckning, namn eller betydelse: till exempel rem, viewport-bredd eller vinkel.
- Använd typmärkena för att filtrera rutnätet till absoluta, teckensnittsrelativa, viewport-, container-, grid-, vinkel-, tids-, upplösnings- eller procentenheter.
- Läs varje enhets beskrivning och dess "när ska den användas"-not för att välja rätt.
- Klicka på kopieringsknappen för att hämta enhetens beteckning till ditt stilmallsark.