Pular para o conteúdo
Câmara de Medidas do CSS

/static/camara/unidade/cqmin-cqmax/

Menu

CSS-020 · Contêiner

cqmin · cqmax

O menor e o maior lado do contêiner, prontos para decidir sozinhos.

Um cqmin vale o menor entre 1cqi e 1cqb; um cqmax, o maior. São o vmin e o vmax da escala do componente: a medida escolhe o lado sozinha, caixa a caixa, conforme cada contêiner é mais largo ou mais alto.

Servem ao que deve permanecer proporcional dentro de um recipiente de formato imprevisível — um medalhão quadrado, um respiro interno que não sufoca a caixa baixa nem se perde na alta. Para o cqb pesar de verdade, o contêiner precisa de container-type: size.

width:40cqmin
.medalhao {
  width: 40cqmin;
  padding: 4cqmin;
}
Demonstração viva: a barra mede 40cqmin — 40% do lado menor do contêiner tracejado, aqui a altura.