Conversion Form

IN
PERCENTAGE

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: inpercentage

Use % for responsive layouts and in for fixed print measurements.

Quick Reference: Unit Conversion by Tens

INPERCENTAGE
10in96000%
20in192000%
30in288000%
40in384000%
50in480000%
60in576000%
70in672000%
80in768000%
90in864000%
100in960000%
110in1056000%
120in1152000%
130in1248000%
140in1344000%
150in1440000%
160in1536000%
170in1632000%
180in1728000%
190in1824000%
200in1920000%
210in2016000%
220in2112000%
230in2208000%
240in2304000%
250in2400000%

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

Real Code Example

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