Conversion Form

CH
IN

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 → in

Ch is used for text width measurement, while in is for print-based layouts.

Quick Reference: Unit Conversion by Tens

CHIN
10ch0.833333in
20ch1.666667in
30ch2.5in
40ch3.333333in
50ch4.166667in
60ch5in
70ch5.833333in
80ch6.666667in
90ch7.5in
100ch8.333333in
110ch9.166667in
120ch10in
130ch10.833333in
140ch11.666667in
150ch12.5in
160ch13.333333in
170ch14.166667in
180ch15in
190ch15.833333in
200ch16.666667in
210ch17.5in
220ch18.333333in
230ch19.166667in
240ch20in
250ch20.833333in

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 in without testing on different screen sizes.

Real Code Example

/* Mobile-first card with ch → in */
.card {
  padding: 0ch;     /* undefinedin */
  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