CSS यूनिट रेफरेंस
px, em, rem, %, vw, vh, vmin, vmax और ch इकाइयों की श्रेणीवार CSS यूनिट संदर्भिका। हर निरपेक्ष और सापेक्ष इकाई का उपयोग कब करें, यह स्पष्ट बताया गया है, मुफ़्त।
| इकाई | नाम | प्रकार | विवरण | उदाहरण |
|---|---|---|---|---|
| px | Pixels | absolute | स्क्रीन पर एक पिक्सेल। सबसे बुनियादी इकाई। | font-size: 16px; |
| em | Em | relative | पैरेंट एलिमेंट के font-size का गुणज। | padding: 1.5em; |
| rem | Root Em | relative | रूट (html) एलिमेंट के font-size का गुणज। | margin: 2rem; |
| % | Percent | relative | संबंधित पैरेंट प्रॉपर्टी के सापेक्ष प्रतिशत। | width: 50%; |
| vw | Viewport Width | viewport | व्यूपोर्ट चौड़ाई का 1%। | width: 100vw; |
| vh | Viewport Height | viewport | व्यूपोर्ट ऊँचाई का 1%। | height: 100vh; |
| vmin | Viewport Min | viewport | vw और vh में से छोटे का 1%। | font-size: 5vmin; |
| vmax | Viewport Max | viewport | vw और vh में से बड़े का 1%। | width: 50vmax; |
| dvh | Dynamic VH | viewport | डायनामिक व्यूपोर्ट ऊँचाई (मोबाइल एड्रेस बार को ध्यान में रखते हुए)। | height: 100dvh; |
| svh | Small VH | viewport | सबसे छोटी व्यूपोर्ट ऊँचाई। | min-height: 100svh; |
| lvh | Large VH | viewport | सबसे बड़ी व्यूपोर्ट ऊँचाई। | max-height: 100lvh; |
| ch | Character | relative | "0" अक्षर की चौड़ाई पर आधारित। | max-width: 60ch; |
| ex | X-Height | relative | "x" अक्षर की ऊँचाई पर आधारित। | line-height: 2ex; |
| cm | Centimeters | absolute | सेंटीमीटर। प्रिंट के लिए। | width: 10cm; |
| mm | Millimeters | absolute | मिलीमीटर। प्रिंट के लिए। | margin: 5mm; |
| in | Inches | absolute | इंच (1in = 96px)। | width: 2in; |
| pt | Points | absolute | पॉइंट (1pt = 1/72in)। | font-size: 12pt; |
| cqi | Container Inline | container | कंटेनर इनलाइन आकार का 1%। | font-size: 5cqi; |
| cqb | Container Block | container | कंटेनर ब्लॉक आकार का 1%। | padding: 2cqb; |
19개 표시 중
एम्बेड करें
अंतिम अपडेट: 2026 · निःशुल्क ऑनलाइन टूल
CSS यूनिट रेफरेंस क्या है?
px, em, rem, %, vw, vh, vmin, vmax और ch इकाइयों की श्रेणीवार CSS यूनिट संदर्भिका। हर निरपेक्ष और सापेक्ष इकाई का उपयोग कब करें, यह स्पष्ट बताया गया है, मुफ़्त।
उपयोग कैसे करें
- 1इनपुट— आवश्यक डेटा दर्ज करें।
- 2परिणाम— प्रोसेस किए गए परिणाम देखें।
- 3कॉपी— परिणाम कॉपी करके उपयोग करें।
संबंधित टूल
PX-REM कनवर्टरPX से REM कन्वर्टर जो अनुकूलन योग्य रूट फ़ॉन्ट आकार के आधार पर पिक्सेल और rem को दोनों दिशाओं में बदलता है, दशमलव सहित। कॉपी करने योग्य संदर्भ तालिका और CSS स्निपेट के साथ।
ब्राउज़र कम्पैटिबिलिटी चेककिसी भी CSS, JavaScript, HTML या Web API फ़ीचर के लिए ब्राउज़र संगतता: Chrome, Firefox, Safari और Edge के कौन-से संस्करण उसे समर्थन देते हैं। ब्राउज़र में तुरंत और मुफ़्त।
CSS ग्रेडिएंट जनरेटरलीनियर, रेडियल और कोनिक ग्रेडिएंट के लिए विज़ुअल CSS ग्रेडिएंट जनरेटर: कलर स्टॉप जोड़ें, कोण बदलें और तैयार CSS कॉपी करें। बैकग्राउंड और बटन के लिए बढ़िया, मुफ़्त।
CSS Box Shadow जनरेटरऑफ़सेट, ब्लर, स्प्रेड, रंग और inset नियंत्रण तथा छाया के लाइव पूर्वावलोकन वाला CSS box-shadow जनरेटर। कॉपी करने योग्य box-shadow CSS कोड तुरंत मिलता है, मुफ़्त।
अक्सर पूछे जाने वाले प्रश्न
सभी CSS लंबाई, कोण, समय इकाइयों को कवर करने वाला मुफ्त रेफरेंस।
नहीं। सभी प्रोसेसिंग आपके ब्राउज़र में होती है।
हां, रिस्पॉन्सिव डिज़ाइन मोबाइल डिवाइस पर काम करता है।