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