Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

หน่วยความยาวสัมบูรณ์ใน CSS


หน่วยความยาวสัมบูรณ์ได้รับการแก้ไขโดยสัมพันธ์กัน หน่วยเหล่านี้ใช้เมื่อทราบรูปแบบเอาต์พุตแล้ว ต่อไปนี้คือหน่วยความยาวสัมบูรณ์บางส่วน -

Sr.No หน่วย &คำอธิบาย
1 ซม.
เซนติเมตร
2 mm
มิลลิเมตร
3 ใน
นิ้ว (1in =96px =2.54cm)
4 px
* พิกเซล (1px =1/96th of 1in)
5 pt
คะแนน (1pt =1/72 ของ 1in)
6 ชิ้น
picas (1pc =12 pt)

ตัวอย่าง

<!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>

ผลลัพธ์

หน่วยความยาวสัมบูรณ์ใน CSS

ตัวอย่าง

เรามาดูตัวอย่างอื่นกัน −

<!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>

ผลลัพธ์

หน่วยความยาวสัมบูรณ์ใน CSS