Referência unidades CSS

Referência de unidades CSS px, em, rem, %, vw, vh, vmin, vmax e ch, organizadas por categoria. Com explicações claras de cada unidade absoluta e relativa, grátis no navegador.

Unidade	Nome	Tipo	Descrição	Exemplo
px	Pixels	absolute	Um pixel na tela. A unidade mais básica.	font-size: 16px;
em	Em	relative	Múltiplo do font-size do elemento pai.	padding: 1.5em;
rem	Root Em	relative	Múltiplo do font-size do elemento raiz (html).	margin: 2rem;
%	Percent	relative	Porcentagem relativa à propriedade correspondente do elemento pai.	width: 50%;
vw	Viewport Width	viewport	1% da largura da viewport.	width: 100vw;
vh	Viewport Height	viewport	1% da altura da viewport.	height: 100vh;
vmin	Viewport Min	viewport	1% do menor valor entre vw e vh.	font-size: 5vmin;
vmax	Viewport Max	viewport	1% do maior valor entre vw e vh.	width: 50vmax;
dvh	Dynamic VH	viewport	Altura dinâmica da viewport (considera a barra de endereço no celular).	height: 100dvh;
svh	Small VH	viewport	Menor altura da viewport.	min-height: 100svh;
lvh	Large VH	viewport	Maior altura da viewport.	max-height: 100lvh;
ch	Character	relative	Baseado na largura do caractere "0".	max-width: 60ch;
ex	X-Height	relative	Baseado na altura do caractere "x".	line-height: 2ex;
cm	Centimeters	absolute	Centímetros. Para impressão.	width: 10cm;
mm	Millimeters	absolute	Milímetros. Para impressão.	margin: 5mm;
in	Inches	absolute	Polegadas (1in = 96px).	width: 2in;
pt	Points	absolute	Pontos (1pt = 1/72in).	font-size: 12pt;
cqi	Container Inline	container	1% do tamanho inline do contêiner.	font-size: 5cqi;
cqb	Container Block	container	1% do tamanho de bloco do contêiner.	padding: 2cqb;

19개 표시 중

Incorporar

<iframe src="https://devtools.patrache.studio/pt-BR/references/css-units/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Referência unidades CSS — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/pt-BR/references/css-units/">Referência unidades CSS</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Última atualização: 2026 · Ferramenta online gratuita

O que é Referência unidades CSS?

Referência de unidades CSS px, em, rem, %, vw, vh, vmin, vmax e ch, organizadas por categoria. Com explicações claras de cada unidade absoluta e relativa, grátis no navegador.

Como usar

1
Pesquisar— Pesquise o item desejado por palavra-chave.
2
Categoria— Filtre por botões de categoria.
3
Copiar— Copie o item desejado.

Ferramentas relacionadas

Conversor PX para REMConversor de PX para REM que traduz pixels e rem nos dois sentidos com um tamanho de fonte raiz configurável, decimais incluídos. Com tabela de referência e trecho de CSS copiáveis, grátis.

Verificador de compatibilidade do navegadorCompatibilidade de navegadores para qualquer recurso CSS, JavaScript, HTML ou Web API: quais versões de Chrome, Firefox, Safari e Edge oferecem suporte. Grátis e instantâneo no navegador.

Gerador de gradiente CSSGerador visual de gradientes CSS lineares, radiais e cônicos: adicione paradas de cor, ajuste o ângulo e copie o CSS. Perfeito para fundos e botões, grátis no navegador.

Gerador CSS box-shadowGerador de box-shadow CSS com controles de deslocamento, desfoque, expansão, cor e inset e prévia ao vivo da sombra. Copie o CSS pronto para uso, grátis no navegador.

Perguntas frequentes

Uma ferramenta online gratuita para navegar pelas unidades CSS como px, em, rem, vh, vw por categoria.

Não. Todo o processamento é feito no seu navegador.

Sim, você pode copiar ou baixar os resultados.

Sim, o design responsivo funciona em dispositivos móveis.

Sim, é totalmente gratuito.