width विशेषता

width विशेषता उस चित्र की चौड़ाई निर्धारित करती है, जो img टैग द्वारा दी गई है।

वर्तमान में इस विशेषता का उपयोग केवल चित्रों, iframe, video और कुछ अन्य टैगों के लिए ही अनुमत है।

पिक्सेल या प्रतिशत में मान निर्दिष्ट करने की अनुमति है। प्रतिशत में आकार निर्दिष्ट करने की स्थिति में, यह माता-पिता तत्व की चौड़ाई से लिया जाएगा। पिक्सेल में आकार निर्दिष्ट करने की स्थिति में, माप की इकाइयाँ नहीं लिखी जातीं।

यदि किसी चित्र के लिए न तो चौड़ाई और न ही ऊँचाई निर्धारित की गई है - तो चित्र का अपना वास्तविक आकार होगा। यदि ऊँचाई निर्धारित की गई है - चित्र निर्धारित ऊँचाई का हो जाएगा, और चौड़ाई उसके अनुपात में समायोजित हो जाएगी ताकि उसके अनुपात विकृत न हों। यदि केवल चौड़ाई निर्धारित की गई है - इसी तरह, चित्र ऊँचाई के अनुसार समायोजित हो जाएगा ताकि अनुपात बना रहे। यदि चौड़ाई और ऊँचाई दोनों निर्धारित की गई हैं - तो चित्र के अनुपात विकृत हो सकते हैं (या नहीं भी, यह आपके अनुमान पर निर्भर करेगा)। यदि चौड़ाई या ऊँचाई (या दोनों एक साथ) वास्तविक आकार से अधिक हैं - चित्र बड़ा हो जाएगा, लेकिन उसकी गुणवत्ता कम हो जाएगी।

विशेषताओं में चित्रों की चौड़ाई और ऊँचाई निर्धारित करने की सलाह दी जाती है - इस स्थिति में ब्राउज़र चित्रों को तेजी से लोड करेगा - उसे प्रत्येक चित्र प्राप्त करने के बाद उसका आकार गणना करने की आवश्यकता नहीं होती।

बिना आवश्यकता के चित्र के वास्तविक आकार को कम करने की अनुशंसा नहीं की जाती है। उदाहरण के लिए, चित्र का वास्तविक आकार 1000 बाय 1000 पिक्सेल है, और आप उसकी चौड़ाई 100px निर्धारित करते हैं। इस स्थिति में स्क्रीन पर चित्र 100 पिक्सेल का दिखाई देगा, हालांकि उसका आकार पूरी हजार का होगा और, तदनुसार, लोड होने में बहुत अधिक समय लगेगा।

उदाहरण देखने के लिए यहाँ जाएँ: img टैग.

यह भी देखें