Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS में सापेक्ष लंबाई इकाइयाँ

<घंटा/>

सीएसएस में सापेक्ष लंबाई इकाइयों का उपयोग किसी अन्य लंबाई संपत्ति के सापेक्ष लंबाई निर्दिष्ट करने के लिए किया जाता है।

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>

आउटपुट

CSS में सापेक्ष लंबाई इकाइयाँ

उदाहरण

आइए अब एक और उदाहरण देखें -

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

आउटपुट

CSS में सापेक्ष लंबाई इकाइयाँ


  1. सीएसएस इकाइयों को समझना

    CSS इकाइयाँ विभिन्न प्रकार की श्रेणियों में आती हैं जैसे कि फ़ॉन्ट-आकार, वर्ण-आकार, व्यूपोर्ट आयाम, आदि। मोटे तौर पर निरपेक्ष और सापेक्ष इकाइयों की दो श्रेणियां हैं जिनमें उपर्युक्त उप श्रेणियां शामिल हैं। CSS निरपेक्ष इकाइयाँ निम्नलिखित हैं - क्रमांक इकाई और नाम 1 सेमी सेंटीमीटर (1 सेमी =1

  1. सापेक्ष स्थिति निर्धारण सीएसएस में कार्य करना

    हम सीएसएस में एक तत्व की स्थिति को सापेक्ष के रूप में परिभाषित कर सकते हैं जो सामान्य रूप से तत्व को प्रस्तुत करता है। सापेक्ष के रूप में पोजिशनिंग विधि वाले तत्व सीएसएस पोजिशनिंग गुणों (बाएं, दाएं, ऊपर और नीचे) द्वारा स्थित होते हैं। उदाहरण आइए CSS सापेक्ष स्थिति निर्धारण विधि के लिए एक उदाहरण देख

  1. CSS निरपेक्ष और सापेक्ष इकाइयाँ

    CSS निरपेक्ष इकाइयाँ और सापेक्ष इकाइयाँ दोनों दूरी इकाइयों की श्रेणी में आती हैं। CSS सापेक्ष इकाइयाँ किसी अन्य तत्व के संदर्भ में एक तत्व की लंबाई को परिभाषित करती हैं। उदाहरण के लिए, vh सापेक्ष इकाई व्यूपोर्ट ऊंचाई के सापेक्ष है। CSS सापेक्ष इकाइयाँ निम्नलिखित हैं - Sr.No इकाई और इससे संबंधित