Referência de Unidades CSS
Explore todas as unidades CSS — absolutas (px, cm, pt), relativas ao tipo de letra (em, rem, ch), de viewport (vw, dvh), de container-query, de grelha (fr), de ângulo, de tempo e de resolução — numa referência pesquisável e filtrável por tipo, com uma descrição, uma nota de "quando usar" e tokens prontos a copiar. No seu browser, gratuitamente.
Todas as unidades CSS, explicadas. Tudo corre no seu browser a partir de uma referência integrada — nada é enviado para o servidor.
Sobre Referência de Unidades CSS
A Referência de Unidades CSS documenta toda unidade que a linguagem oferece — 45 ao todo — organizadas por tipo: unidades absolutas como px, cm e pt; unidades relativas à fonte como em, rem, ch e lh; unidades de viewport, de vw e vh até as mais recentes svh, lvh e dvh; unidades de container query como cqw e cqi; a unidade fr do grid; além de ângulo, tempo, resolução e porcentagem.
Cada cartão traz mais do que uma definição: o token da unidade em fonte monoespaçada copiável, seu nome completo, sua categoria, uma descrição em linguagem simples de como ela é calculada e uma nota prática de "quando usar" que indica onde a unidade se destaca — e onde outra serve melhor.
A pesquisa corresponde a tokens, nomes e significados, então rem, viewport width e root encontram todas as suas unidades, e chips de tipo filtram a grade até uma família. Tudo roda no seu navegador a partir de uma referência embutida, sem nada sendo enviado a um servidor.
Como usar Referência de Unidades CSS
- Pesquise uma unidade por token, nome ou significado — por exemplo rem, viewport width ou angle.
- Use os chips de tipo para filtrar a grade em unidades absolutas, relativas à fonte, de viewport, de container, de grid, de ângulo, de tempo, de resolução ou de porcentagem.
- Leia a descrição de cada unidade e sua nota de "quando usar" para escolher a certa.
- Clique no botão de copiar para obter o token da unidade para sua folha de estilo.