CSS Measurement Units

In this tutorial we will learn about CSS Measurement Units.CSS Measurement units are use to mention size of HTML elements in web page like to mention text size of paragraph element or height and width of image elements. CSS support number of measurement units. In this tutorial we will learn various CSS Measurement units. Check list of various Measurement units below.

List of available measurement units in CSS:

UnitDescriptionExample
%Use define element measurement in %heigth:50%
cmUse to define element measurement in Centimetersheight:10cm
pxUse to define element measurement in pixelsheight:50px
emUse to define relative measurement for the height of a font in em spacesheight:15em
exUse to defines a measurement relative to a font’s x-height.height:10ex
inUse to define element in measurement in inches.height:1in
mmUse to define element measurement in millimetersheight:50mm
Spread the love