सीएसएस इकाई
- पिछला पृष्ठ सीएसएस फ़ॉन्ट रिवर्स
- अगला पृष्ठ सीएसएस रंग
सीएसएस इकाई
सीएसएस कई अलग-अलग लंबाई के इकाइयों का प्रयोग करता है。
कई सीएसएस प्रविधियाँ widthऔरmarginऔरpaddingऔरfont-size आदि।
लंबाई एक लंबाई इकाई के साथ आने वाली संख्या है, जैसे 10pxऔर2em आदि।
उदाहरण
px (पिक्सल) के द्वारा विभिन्न लंबाई मान निर्धारित करें:
h1 {
font-size: 60px;
}
p {
font-size: 25px;
line-height: 50px;
}
संख्या और इकाई के बीच खाली जगह नहीं होनी चाहिए।बशर्ति कि गुण का मान 0 है, तो इकाई को छोड़ सकते हैं।
कुछ CSS गुणों के लिए सापेक्षिक लंबाई का उपयोग करने की अनुमति है।
लंबाई इकाइयाँ दो प्रकार की होती हैं:अभिन्न इकाइयाँऔरसापेक्षिक इकाइयाँ.
अभिन्न लंबाई
अभिन्न लंबाई इकाइयाँ निर्धारित होती हैं, जो भी अभिन्न लंबाई इकाई से दर्शाया गया है, वह आकार सटीक ही दिखाया जाएगा。
स्क्रीन पर अभिन्न लंबाई इकाइयाँ उपयोग में नहीं आनी चाहिए क्योंकि स्क्रीन के आकार में बहुत बदलाव होता है।बशर्ति कि आउटपुट मीडिया को जाना है, तो इसे उपयोग किया जा सकता है, उदाहरण के लिए विन्यास (print layout) के लिए।
| इकाइयाँ | वर्णन | TIY |
|---|---|---|
| cm | सेमी | सामान्य प्रयोग |
| mm | मिलीमीटर | सामान्य प्रयोग |
| in | इंच (1in = 96px = 2.54cm) | सामान्य प्रयोग |
| px * | पिक्सल (1px = 1/96th of 1in) | सामान्य प्रयोग |
| pt | पाइन्ट (1pt = 1/72 of 1in) | सामान्य प्रयोग |
| pc | पाइका (1pc = 12 pt) | सामान्य प्रयोग |
* पिक्सल (px) देखने वाले उपकरण के अनुसार है।कम dpi के उपकरणों में 1px एक डिवाइस पिक्सल (पॉइंट) है।मुद्रणकर्ता और उच्च रेज़ोल्यूशन स्क्रीनों में 1px कई डिवाइस पिक्सलों के बराबर है।
सापेक्षिक लंबाई
सापेक्षिक लंबाई इकाइयाँ दूसरी लंबाई गुणवत्ता के अनुसार निर्धारित होती हैं।सापेक्षिक लंबाई इकाइयाँ भिन्न रेंडरिंग मीडिया के बीच बेहतर तरीके से स्केलिंग करती हैं।
| इकाइयाँ | वर्णन | TIY |
|---|---|---|
| em | तत्व के अनुसार फ़ॉन्ट आकार (font-size) (2em वर्तमान फ़ॉन्ट आकार का दोगुना है) | सामान्य प्रयोग |
| ex | वर्तमान फ़ॉन्ट के x-height के अनुसार (कम से कम उपयोग) | सामान्य प्रयोग |
| ch | 0 के अनुसार चौड़ाई | सामान्य प्रयोग |
| rem | शीर्षक तत्व के अनुसार फ़ॉन्ट आकार (font-size) | सामान्य प्रयोग |
| vw | विन्यास के अनुसार चौड़ाई के 1% में | सामान्य प्रयोग |
| vh | विन्यास के अनुसार ऊंचाई के 1% में | सामान्य प्रयोग |
| vmin | विन्यास के अनुसार छोटे आकार के 1% में | सामान्य प्रयोग |
| vmax | विन्यास के अनुसार बड़े आकार के 1% में | सामान्य प्रयोग |
| % | पितृ तत्व के अनुसार | सामान्य प्रयोग |
सूचना:em और rem इकाइयाँ सुचारू विस्तार्य लेआउट बनाने के लिए उपयोगी हैं!
* विन्यास (Viewport) = ब्राउज़र विंडो का आकार।यदि विन्यास चौड़ाई 50 अंश में है, तो 1vw = 0.5सेमी।
ब्राउज़र समर्थन
तालिका में दिए गए नंबर को यह दर्शाता है कि किस पहली ब्राउज़र संस्करण ने इस लंबाई इकाई का पूर्ण समर्थन किया है。
| लंबाई इकाइयाँ | |||||
|---|---|---|---|---|---|
| em, ex, %, px, cm, mm, in, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
| ch | 27.0 | 9.0 | 1.0 | 7.0 | 20.0 |
| rem | 4.0 | 9.0 | 3.6 | 4.1 | 11.6 |
| vh, vw | 20.0 | 9.0 | 19.0 | 6.0 | 20.0 |
| vmin | 20.0 | 12.0 | 19.0 | 6.0 | 20.0 |
| vmax | 26.0 | 16.0 | 19.0 | 7.0 | 20.0 |
- पिछला पृष्ठ सीएसएस फ़ॉन्ट रिवर्स
- अगला पृष्ठ सीएसएस रंग
