एब्सोल्यूट लेंथ यूनिट्स
एब्सोल्यूट लेंथ यूनिट्स एक-दूसरे के सापेक्ष निश्चित होती हैं। इन यूनिट्स का उपयोग तब किया जाता है जब आउटपुट फॉर्मेट पहले से ज्ञात हो (जैसे प्रिंट)।
एब्सोल्यूट यूनिट्स तालिका:
| क्रमांक | यूनिट और विवरण |
|---|---|
| 1 | cm - सेंटीमीटर |
| 2 | mm - मिलीमीटर |
| 3 | in - इंच (1in = 96px = 2.54cm) |
| 4 | px - पिक्सेल्स (1px = 1/96th of 1in) |
| 5 | pt - पॉइंट्स (1pt = 1/72 of 1in) |
| 6 | pc - पिकास (1pc = 12 pt) |
उदाहरण 1: इंच यूनिट
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 0.3in;
}
</style>
</head>
<body>
<h1>विवरण</h1>
<p class="demo">परीक्षा केंद्र ABC कॉलेज के पास।</p>
<p class="demo2">परीक्षा सुबह 9 बजे शुरू होती है।</p>
</body>
</html>
आउटपुट
फॉन्ट साइज़ 0.3 इंच = 28.8px (0.3 × 96)।
उदाहरण 2: सेंटीमीटर और मिलीमीटर
<!DOCTYPE html>
<html>
<head>
<style>
.demo { font-size: 1cm; }
.demo2 { font-size: 5mm; }
</style>
</head>
<body>
<h1>ICC रैंकिंग्स</h1>
<p class="demo">ICC टेस्ट रैंकिंग्स 29 नवंबर को जारी।</p>
<p class="demo2">ICC ODI रैंकिंग्स 30 नवंबर को जारी।</p>
</body>
</html>
आउटपुट
पहला पैराग्राफ: 1cm = 37.8px (96/2.54)। दूसरा: 5mm = 0.5cm = 18.9px।
रूपांतरण संदर्भ:
1in = 2.54cm = 25.4mm = 72pt = 6pc = 96px 1cm = 10mm = 0.3937in 1pt = 1/72in = 0.3528mm 1pc = 12pt = 1/6in 1px = 1/96in (CSS रेफरेंस पिक्सेल)
कब उपयोग करें:
- प्रिंट स्टाइलशीट्स (@media print): cm, mm, in, pt, pc आदर्श
- स्क्रीन डिज़ाइन: px, rem, em, % बेहतर
- फिजिकल मेजरमेंट्स: जब वास्तविक दुनिया का आकार मायने रखता हो
स्क्रीन पर चेतावनी:
स्क्रीन पर एब्सोल्यूट यूनिट्स (विशेषकर cm, mm, in, pt, pc) डिवाइस पिक्सेल रेशियो और ब्राउज़र ज़ूम के कारण असंगत आकार दे सकती हैं। CSS पिक्सेल (px) एक रेफरेंस पिक्सेल है, डिवाइस पिक्सेल नहीं।
मॉडर्न बेस्ट प्रैक्टिस:
- स्क्रीन टाइपोग्राफी के लिए:
rem/em - लेआउट के लिए:
%,fr,vw/vh - बॉर्डर/शैडो के लिए:
px - प्रिंट के लिए:
pt,cm,mm
