Conversion Form

IN
VH

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

Convert in to vh for height-based design dimensions in the viewport.

Quick Reference: Unit Conversion by Tens

INVH
10in88.888889vh
20in177.777778vh
30in266.666667vh
40in355.555556vh
50in444.444444vh
60in533.333333vh
70in622.222222vh
80in711.111111vh
90in800vh
100in888.888889vh
110in977.777778vh
120in1066.666667vh
130in1155.555556vh
140in1244.444444vh
150in1333.333333vh
160in1422.222222vh
170in1511.111111vh
180in1600vh
190in1688.888889vh
200in1777.777778vh
210in1866.666667vh
220in1955.555556vh
230in2044.444444vh
240in2133.333333vh
250in2222.222222vh

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

Real Code Example

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