Absolute Length Units in CSS

CSS Web Development Front End Technology

The absolute length units are fixed in relation to each other. These units are used when the output format is already known. Following are some of the Absolute Length Units −

Sr.No	Unit & Description
1	cm centimeters
2	mm millimeters
3	in inches (1in = 96px = 2.54cm)
4	px *pixels (1px = 1/96th of 1in)
5	pt points (1pt = 1/72 of 1in)
6	pc picas (1pc = 12 pt)

Example

Live Demo

<!DOCTYPE html>
<html>
<head>
<style>
.demo {
   text-decoration: overline underline;
   text-decoration-color: blue;
   font-size: 0.3in;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>

Output

Example

Let us now see another example −

Live Demo

<!DOCTYPE html>
<html>
<head>
<style>
.demo {
   font-size: 1cm;
}
.demo2 {
   font-size: 5mm;
}
</style>
</head>
<body>
<h1>ICC Rankings</h1>
<p class="demo">ICC Test Rankings released 29th November.</p>
<p class="demo2">ICC ODI Rankings released 30th November.</p>
</body>
</html>

Output

AmitDiwan

Published on 30-Dec-2019 09:46:01

Previous Page Print Page