Dev Patrache

Referência unidades CSS

UnitNameTypeDescriptionExample
pxPixelsabsoluteOne pixel on screen. The most basic unit.font-size: 16px;
emEmrelativeMultiple of the parent element font-size.padding: 1.5em;
remRoot EmrelativeMultiple of the root (html) element font-size.margin: 2rem;
%PercentrelativePercentage relative to the corresponding parent property.width: 50%;
vwViewport Widthviewport1% of the viewport width.width: 100vw;
vhViewport Heightviewport1% of the viewport height.height: 100vh;
vminViewport Minviewport1% of the smaller of vw and vh.font-size: 5vmin;
vmaxViewport Maxviewport1% of the larger of vw and vh.width: 50vmax;
dvhDynamic VHviewportDynamic viewport height (accounts for mobile address bar).height: 100dvh;
svhSmall VHviewportSmallest viewport height.min-height: 100svh;
lvhLarge VHviewportLargest viewport height.max-height: 100lvh;
chCharacterrelativeBased on the width of the "0" character.max-width: 60ch;
exX-HeightrelativeBased on the height of the "x" character.line-height: 2ex;
cmCentimetersabsoluteCentimeters. For print.width: 10cm;
mmMillimetersabsoluteMillimeters. For print.margin: 5mm;
inInchesabsoluteInches (1in = 96px).width: 2in;
ptPointsabsolutePoints (1pt = 1/72in).font-size: 12pt;
cqiContainer Inlinecontainer1% of the container inline size.font-size: 5cqi;
cqbContainer Blockcontainer1% of the container block size.padding: 2cqb;
19개 표시 중
Última atualização: 2026 · Ferramenta online gratuita

O que é Referência unidades CSS?

Referência gratuita de unidades CSS como px, em, rem, %, vw, vh, vmin, vmax e ch por categoria, com explicações de quando e como usar cada unidade absoluta e relativa.

Como usar

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

Ferramentas relacionadas

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.

Este site usa cookies para melhorar sua experiência e publicidade. Saiba mais