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

/static/camara/unidade/ch/

Menu

CSS-001 · Tipográficas

ch

A largura do algarismo zero — quarenta delas fazem uma boa linha de texto.

Um ch é o avanço horizontal do algarismo zero, 0, na fonte e no corpo em que a medida é usada. Em fontes monoespaçadas é a largura exata de qualquer caractere; nas demais, uma aproximação honesta da largura média. Quando o navegador não consegue medir o zero, a norma manda valer 0,5em.

É a escolha certa para larguras que são texto: max-width: 60ch segura o parágrafo na zona de conforto de leitura, e um campo de formulário com width: 8ch cresce e encolhe junto com a própria fonte — a medida acompanha o conteúdo, não o contrário.

Este parágrafo está preso a max-width de 40ch: cada linha carrega no máximo o equivalente a quarenta zeros da fonte em que você o lê agora.

p {
  max-width: 40ch;
}
Demonstração viva: o parágrafo acima dobra a linha em 40ch de verdade.