CSS Measurement Units


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

List of available measurement units in CSS:

Unit Description Example
% Use define element measurement in % heigth:50%
cm Use to define element measurement in Centimeters height:10cm
px Use to define element measurement in pixels height:50px
em Use to define relative measurement for the height of a font in em spaces height:15em
ex Use to defines a measurement relative to a font’s x-height. height:10ex
in Use to define element in measurement in inches. height:1in
mm Use to define element measurement in millimeters height:50mm


Spread the love:

Please share this page on social media with your friends..

Facebook share Twitter Linkedin share




Great News! Now you can read all the tutorials on our Android App..

Download Owlbuddy: Learn Programming Tutorials App Now.

Download Owlbuddy: Learn Programming Tutorials