CSS में विभिन्न इकाइयों के लिए कई इकाइयाँ हैं जैसे कि चौड़ाई, मार्जिन, पैडिंग, फ़ॉन्ट-आकार, सीमा-चौड़ाई, आदि। लंबाई संख्यात्मक मान का उपयोग करके इंगित करती है और उसके बाद लंबाई इकाइयाँ जैसे px , dp, em, आदि। यह संख्यात्मक मानों और लंबाई इकाइयों के बीच सफेद रिक्त स्थान की अनुमति नहीं देता है।
लंबाई की इकाइयाँ इस प्रकार विभाजित हैं:
- सापेक्ष इकाइयां
- बिल्कुल
पूर्ण इकाइयां
| इकाइयाँ <वें>संक्षिप्त नाम | |
|---|---|
| Pixels | पीएक्स |
| अंक | पं |
| इंच | में |
| सेंटीमीटर | सेमी |
| पिकास | पीसी |
सापेक्ष इकाइयां
सापेक्ष इकाइयों में, लंबाई का मान निश्चित होता है और यह तत्व का सटीक आकार दिखाई देता है
| प्रतिशत | % |
| एम | एम |
| उदा | पूर्व |
| रूट em | रेम |
| व्यूपोर्ट की चौड़ाई | Vw |
| व्यूपोर्ट की चौड़ाई | वीएच |
| व्यूपोर्ट की चौड़ाई | Vm |
| चरित्र | Ch |
| ग्रिड | जीडी |