Conversion Form

IN
CH

About the Unit

Inch (in): The inch (in) is an absolute unit of measurement representing a physical inch, equal to 2.54 cm. In CSS, using the inch unit is particularly useful when you are creating documents or layouts for print, such as paper templates or physical charts. Using the in unit ensures that the layout will be printed with the exact dimensions specified, regardless of the screen resolution or the device used to view the page. The inch is a standard measure in many printing systems, so it is crucial when you need to create documents that will be printed or exported to other physical formats like PDFs. However, for digital web design, relative units (like px, em, or rem) usually offer greater flexibility, though the in unit may be the best choice for documents that need to be converted to physical formats.

Pro Tip: in → ch

Inches are physical measurements, while ch measures text width relative to the font.

Quick Reference: Unit Conversion by Tens

INCH
10in20ch
20in40ch
30in60ch
40in80ch
50in100ch
60in120ch
70in140ch
80in160ch
90in180ch
100in200ch
110in220ch
120in240ch
130in260ch
140in280ch
150in300ch
160in320ch
170in340ch
180in360ch
190in380ch
200in400ch
210in420ch
220in440ch
230in460ch
240in480ch
250in500ch

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

Real Code Example

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