सीएसएस में सापेक्ष लंबाई इकाइयों का उपयोग किसी अन्य लंबाई संपत्ति के सापेक्ष लंबाई निर्दिष्ट करने के लिए किया जाता है।
| Sr.No | इकाई और विवरण |
|---|---|
| 1 | उन्हें तत्व के फ़ॉन्ट-आकार के सापेक्ष यानी 4em का अर्थ वर्तमान फ़ॉन्ट के आकार का 4 गुना है। |
| 2 | पूर्व वर्तमान फ़ॉन्ट की x-ऊंचाई के सापेक्ष |
| 3 | ch 0 . की चौड़ाई के सापेक्ष |
| 4 | रेम मूल तत्व के फ़ॉन्ट-आकार के सापेक्ष |
| 5 | vw व्यूपोर्ट की चौड़ाई के 1% के सापेक्ष* |
| 6 | वीएच व्यूपोर्ट की ऊंचाई के 1% के सापेक्ष* |
| 7 | vmin व्यूपोर्ट के 1% छोटे आयाम के सापेक्ष |
| 8 | vmax व्यूपोर्ट के 1% के सापेक्ष* बड़ा आयाम |
| 9 | % मूल तत्व के सापेक्ष |
उदाहरण
आइए हम सापेक्ष लंबाई इकाइयों का उपयोग करके एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 1.4em;
}
</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> आउटपुट

उदाहरण
आइए अब एक और उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 4ch;
}
</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> आउटपुट
