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

/static/camara/unidade/cqi-cqb/

Menu

CSS-019 · Contêiner

cqi · cqb

O contêiner medido pelos eixos da escrita — o par lógico de cqw e cqh.

Um cqi é 1% do contêiner de consulta no eixo inline, e um cqb, 1% no eixo do bloco. Estão para cqw e cqh como vi e vb estão para vw e vh: as mesmas medidas, ditas na gramática do writing-mode.

São, aliás, o padrão da casa: container-type: inline-size — a declaração mais comum — observa exatamente o eixo que cqi mede, e é por isso que os exemplos modernos de container query preferem cqi a cqw.

inline-size:50cqi
.cartao {
  container-type: inline-size;
}
.cartao p {
  max-inline-size: 90cqi;
}
Demonstração viva: a barra mede 50cqi do contêiner tracejado — o eixo que inline-size de fato observa.