Conversion Form

CH
PERCENTAGE

About the Unit

CH: The ch unit is a relative typographic unit based on the width of the '0' character of the current font. This unit is especially useful when you want the width of an element to be proportional to the text content, particularly for input fields or text areas. Using ch ensures that the element size adjusts based on the average character width of the current font, providing precise control over text layout. For example, if you set the width of a text input field to 10ch, it will be wide enough to accommodate 10 '0' characters of the font, making it useful for password fields or numeric inputs. The ch unit is less commonly used than other relative units like em or rem, but it is an excellent choice when precise width based on textual content is needed.

Pro Tip: ch → percentage

Use ch for text widths and % for relative layouts.

Quick Reference: Unit Conversion by Tens

CHPERCENTAGE
10ch8000%
20ch16000%
30ch24000%
40ch32000%
50ch40000%
60ch48000%
70ch56000%
80ch64000%
90ch72000%
100ch80000%
110ch88000%
120ch96000%
130ch104000%
140ch112000%
150ch120000%
160ch128000%
170ch136000%
180ch144000%
190ch152000%
200ch160000%
210ch168000%
220ch176000%
230ch184000%
240ch192000%
250ch200000%

Live Unit Preview

See how different CSS units affect the size of the box below:

10px

10rem

10em

10%

10vw

10vh

Common Mistake

Be cautious when mixing ch and percentage without testing on different screen sizes.

Real Code Example

/* Mobile-first card with ch → percentage */
.card {
  padding: 0ch;     /* undefined% */
  font-size: 1.5rem;
  width: min(90vw, 40ch);
}
Unidade não encontrada.

Keyboard Shortcuts

  • Ctrl + C: Convert
  • Ctrl + I: Invert units
  • Esc: Reset values

More popular conversions