Conversion Form

IN
REM

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

Inches are for print. Use rem for scalable typography on the web.

Quick Reference: Unit Conversion by Tens

INREM
10in10rem
20in20rem
30in30rem
40in40rem
50in50rem
60in60rem
70in70rem
80in80rem
90in90rem
100in100rem
110in110rem
120in120rem
130in130rem
140in140rem
150in150rem
160in160rem
170in170rem
180in180rem
190in190rem
200in200rem
210in210rem
220in220rem
230in230rem
240in240rem
250in250rem

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

Real Code Example

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