नई और पुरानी) CSS इकाइयाँ जिनके बारे में आपने शायद ही सुना हो

जावास्क्रिप्ट हाल ही में बहुत तेजी से विकसित हो रहा है, लेकिन वेब डेवलपर सहायक भाषाएँ अभी भी खड़ी नहीं हुई हैं।

सीएसएस भी विकसित हो रहा है, और हालांकि हुडिनी जल्द ही सीएसएस विकास में एक सफलता बना सकता है, व्यापक उपयोग, दुर्भाग्य से, अभी भी एक लंबा रास्ता तय करना है। इसलिए, पहले की तरह, विशेषज्ञ बैठकें बुलाई जाती हैं, जिस पर नए विनिर्देश तैयार किए जाते हैं। प्रगति TC39 जितनी तेज़ नहीं है, लेकिन यह कुछ भी नहीं से बेहतर है।

इस लेख में, हम उन CSS विशेषताओं के बारे में बात करेंगे, जिनके बारे में आपने सबसे अधिक संभावना नहीं सुनी है, और यदि आपने नहीं सुनी हैं, तो हम उनका उपयोग करने की संभावना नहीं रखते हैं - इकाइयों के बारे में। और नहीं, हम vw और vh की "पुरानी" इकाइयों के बारे में बात नहीं कर रहे हैं (हालांकि मुझे अभी भी उन लोगों को समझाना है जो सीएसएस में बहुत अच्छे नहीं हैं)।



नीचे नई सीएसएस इकाइयाँ दी गई हैं जिन्हें सीएसएस मान और इकाइयों में मॉड्यूल स्तर 4 में सूचीबद्ध किया जाएगा।

lh और rlh

चलिए शुरू करते हैं मज़ेदार हिस्से के साथ। lh वर्तमान लाइन की ऊंचाई है , जो पाठ की ऊंचाई की गणना करते समय बहुत उपयोगी हो सकती है। दुर्भाग्य से, कोई भी ब्राउज़र इसका समर्थन नहीं करता है।
rlh , बदले में, rlh साथ सादृश्य द्वारा em मूल तत्व की रेखा की ऊंचाई से मेल खाता है।

vi और vb

यहां एक और दिलचस्प नवाचार है, जो कि vw और vh साथ समानता से, खिड़की के आकार के प्रतिशत के बराबर है। अर्थात्:

• vi लाइन लिखने की दिशा में व्यूपोर्ट के आकार के 1% के बराबर है;
• vb लाइन लिखने की दिशा में व्यूपोर्ट के आकार के 1% के बराबर है।

ये इनलाइन और ब्लॉक अक्ष क्या हैं? क्षैतिज लेखन वाली भाषाओं के मामले में, उदाहरण के लिए अंग्रेजी या अरबी (जहां वे दाएं से बाएं लिखते हैं), वे क्रमशः क्षैतिज और ऊर्ध्वाधर अक्ष हैं, और इकाइयां vw और vh के समकक्ष हैं।

ऊर्ध्वाधर लेखन वाली भाषाओं (उदाहरण के लिए, जापानी में) के मामले में, ये कुल्हाड़ी आपस में जुड़ी हुई हैं ।

सीएसएस में इन अंतरों को बहुत शुरुआत से (उदाहरण के लिए, display संपत्ति में) ध्यान में रखा गया था, और अब उन्हें सीएसएस विनिर्देशों की बढ़ती संख्या बनाने के लिए व्यवस्थित रूप से उपयोग किया जाता है।

यह अफ़सोस की बात है कि इस मामले में अभी तक एक भी ब्राउज़र इन इकाइयों का समर्थन नहीं करता है।

ic

चूंकि हमने अंतर्राष्ट्रीयकरण के बारे में बात करना शुरू कर दिया है, इसलिए यूनिट ic , यूनिट ch के पूर्वी एनालॉग, जो कि चरित्र 0. ic के आकार का अर्थ है, को स्थानांतरित करने के लिए उपयुक्त है, बदले में, आइडोग्राम CJK (चीनी, जापानी और कोरियाई) 水 ("पानी", U + का आकार होता है। 6C34), और एक व्यापक अर्थ में, इस इकाई को विचारधाराओं की संख्या के रूप में समझा जा सकता है।

और "आकार" क्या है? यह तथाकथित "कुल कब्जा आकार" ( अग्रिम माप ) है: यदि हम क्षैतिज लेखन के बारे में बात कर रहे हैं, तो आकार कुल कब्जा चौड़ाई है, और अगर हम ऊर्ध्वाधर लेखन के बारे में बात कर रहे हैं, तो ऊंचाई। कृपया ध्यान दें कि यह सिद्धांत इकाई ch पर भी लागू होता है!

और फिर, ब्राउज़रों में कोई समर्थन नहीं।

cap

यह इकाई तथाकथित कैप-ऊंचाई , या कैपिटल लेटर ऊंचाई से मेल खाती है। विनिर्देशन में, टोपी-ऊंचाई लैटिन वर्णमाला के पूंजी अक्षर की ऊंचाई के बराबर है। इस मूल्य की गणना के लिए एक एल्गोरिथ्म है, जिसमें फोंट के लिए लैटिन वर्णमाला के अक्षर शामिल नहीं हैं, लेकिन मैं विवरण में नहीं जाऊंगा।

यह इस तथ्य के कारण है कि इस इकाई का उपयोग अभी तक किसी भी ब्राउज़र के साथ नहीं किया जा सकता है।

अब बात करते हैं माप की और विशिष्ट इकाइयों की ...

आइए पुराने विनिर्देश (स्तर 3) को देखें - भले ही इसका व्यापक रूप से उपयोग और रखरखाव किया जाना चाहिए , हर कोई इसके कुछ घटकों के बारे में नहीं जानता है।

turn और संबंधित इकाइयों

यह इकाई बाकी की तुलना में थोड़ी बेहतर है, तो चलिए इसके साथ शुरू करते हैं।

हमने transform साथ वस्तुओं को घुमाने के लिए deg का उपयोग किया है, है ना? एक turn 360 deg । कुछ भी जटिल नहीं है। यह जावास्क्रिप्ट में (विशेष रूप से 360 डिग्री रोटेशन के लिए) एनिमेशन और प्रगति के मूल्यों के लिए बहुत उपयोगी है।

लेकिन वह सब नहीं है! विनिर्देश भी grad और रेडियन के अनुरूप इकाइयों को वर्गीकृत करता है।

सभी निर्दिष्ट इकाइयाँ सभी ब्राउज़रों में समर्थित हैं (IE में संस्करण 9 से शुरू), हालांकि मुझे ग्रेडिंग के लिए एक वास्तविक आवेदन नहीं दिखता है, यहाँ रेडियंस को त्रिकोणमितीय जावास्क्रिप्ट फ़ंक्शन के लिए सीधे उपयोग किया जा सकता है।

Q

चूंकि यह इकाई स्तर 3 को संदर्भित करती है, इसलिए इसे सभी ब्राउज़रों द्वारा समर्थित होना चाहिए । वास्तव में, यह केवल अपेक्षाकृत हाल ही में जारी संस्करण 49 (सितंबर 2016 से) फ़ायरफ़ॉक्स में समर्थित है।

तो Q क्या है? यह सिर्फ 0.25 मिमी - एक चौथाई मिलीमीटर है।

इस इकाई की आवश्यकता क्यों थी? यह पता चला है कि इसका उपयोग मुद्रण में किया जाता है। जापान में और वहाँ, जाहिरा तौर पर, न तो अंक और न ही शास्त्रीय प्रणाली की किसी भी अन्य इकाइयों का उपयोग किया जाता है (और यह, मुझे ऐसा लगता है, अद्भुत है)।

पहलू अनुपात

यद्यपि यह माप की एक इकाई नहीं है, फिर भी इसका सटीक मान होना चाहिए, और इसे एक माप माना जाता है। इसे / (एक स्लैश, जिसे यूनिकोड में सॉलिडस कहा जाता है) द्वारा अलग किए गए दो सकारात्मक पूर्णांकों के रूप में व्यक्त किया जाता है।

मैं इसे कहां लागू कर सकता हूं? स्वाभाविक रूप से, मीडिया के प्रश्नों में! एक उदाहरण:

 @media screen and (min-aspect-ratio: 16/10) { /* something for wide screens */ } 

अच्छी खबर: यह सभी ब्राउज़रों द्वारा समर्थित है! हुर्रे!

Hz और kHz

यह क्या है? हम स्कूल गए कि ये आवृत्ति इकाइयाँ हैं। CSS का इससे क्या लेना-देना है?

यह सही है, ये आवृत्ति की इकाइयाँ हैं, और लेखन के समय, कोई सीएसएस गुण नहीं हैं जिनकी आवृत्ति की आवश्यकता होती है। फिर भी, आवृत्ति की इकाइयाँ निर्धारित की गईं। क्यों?

सबसे अधिक संभावना यह है कि मामले में भाषण संश्लेषण या कुछ अन्य ध्वनि उत्पादन के लिए एक मॉड्यूल विनिर्देशन किया गया था। उस समय, एक सीएसएस साउंड मॉड्यूल विकसित किया जा रहा था जिसमें आवृत्ति से संबंधित गुण निर्धारित किए गए थे, लेकिन यह मॉड्यूल कभी अस्तित्व में नहीं आया।

इस मॉड्यूल को एक नए से बदल दिया गया है। यह स्पीच सिंथेसिस मार्कअप लैंग्वेज ( SSML, स्पीच मार्कअप लैंग्वेज) के अनुकूल है और इसे सीएसएस स्पीच कहा जाता है। यह विकास के स्तर पर है, और फिर से उन गुणों को परिभाषित करता है जिनके लिए आवृत्तियों की आवश्यकता होती है (उदाहरण के लिए, voice-pitch ), लेकिन अभी तक तैयार नहीं है।

यह अनुमान लगाना आसान है कि कोई भी ब्राउज़र आवृत्ति इकाइयों का समर्थन नहीं करता है - फिर भी उनका उपयोग नहीं किया जा सकता है।

भविष्य की योजना

प्रिय पाठक, निष्कर्ष में, मैं पूछना चाहता हूं कि क्या आपने कभी माप की इकाइयों का उपयोग किया है या करने जा रहे हैं? शायद आप इसे अभी करने जा रहे हैं?

वर्चुअल सर्वर खोजने के लिए साइट VPS.today पर एक नज़र डालें । 130 होस्टरों से 1500 टैरिफ, एक सुविधाजनक इंटरफ़ेस और सबसे अच्छा वर्चुअल सर्वर खोजने के लिए बड़ी संख्या में मानदंड।