CSS इंच, सेंटीमीटर, पॉइंट्स जैसे निरपेक्ष यूनिट्स के साथ-साथ प्रतिशत और em यूनिट्स जैसे सापेक्ष मापों सहित कई मापों का समर्थन करता है। आपको अपने स्टाइल नियमों में विभिन्न मापों को निर्दिष्ट करते समय इन मानों की आवश्यकता होती है।
निम्नलिखित CSS मेजरमेंट यूनिट्स हैं:
| यूनिट | विवरण | उदाहरण |
|---|---|---|
| % | आमतौर पर एक एनक्लोजिंग एलिमेंट के सापेक्ष प्रतिशत के रूप में माप को परिभाषित करता है। | p {font-size: 16pt; line-height: 125%;} |
| cm | सेंटीमीटर में माप को परिभाषित करता है। | div {margin-bottom: 2cm;} |
| em | em स्पेस में फॉन्ट की ऊंचाई के लिए एक सापेक्ष माप। क्योंकि एक em यूनिट दिए गए फॉन्ट के आकार के बराबर होती है, यदि आप फॉन्ट को 12pt असाइन करते हैं, तो प्रत्येक "em" यूनिट 12pt होगी; इस प्रकार, 2em 24pt होगी। | p {letter-spacing: 7em;} |
| ex | यह मान फॉन्ट की x-ऊंचाई के सापेक्ष माप को परिभाषित करता है। x-ऊंचाई फॉन्ट के लोअरकेस अक्षर x की ऊंचाई से निर्धारित होती है। | p {font-size: 24pt; line-height: 3ex;} |
| in | इंच में माप को परिभाषित करता है। | p {word-spacing: .15in;} |
| mm | मिलीमीटर में माप को परिभाषित करता है। | p {word-spacing: 15mm;} |
| pc | पिकास में माप को परिभाषित करता है। एक पिका 12 पॉइंट्स के बराबर है; इस प्रकार, प्रति इंच 6 पिकास हैं। | p {font-size: 20pc;} |
| pt | पॉइंट्स में माप को परिभाषित करता है। एक पॉइंट 1/72 इंच के रूप में परिभाषित है। | body {font-size: 18pt;} |
| px | स्क्रीन पिक्सेल्स में माप को परिभाषित करता है। | p {padding: 25px;} |
| vh | व्यूपोर्ट ऊंचाई का 1%। | h2 { font-size: 3.0vh; } |
| vw | व्यूपोर्ट चौड़ाई का 1% | h1 { font-size: 5.9vw; } |
| vmin | 1vw या 1vh, जो भी छोटा हो | p { font-size: 2vmin;} |
