कंटेनर को भरने के लिए "डिस्प्ले: ब्लॉक" और "विड्थ: ऑटो" एक बटन क्यों नहीं खींचता?

"डिस्प्ले: ब्लॉक" और "का उपयोग करते समय चौड़ाई: ऑटो" एक बटन पर, इसके फैलने और इसके कंटेनर को भरने की उम्मीद की जा सकती है। हालांकि, यह मामला हमेशा नहीं होता है। विशेष रूप से, आधुनिक ब्राउज़र में बटन इस संबंध में अन्य ब्लॉक तत्वों से भिन्न व्यवहार करते हैं।

इस व्यवहार के पीछे का कारण प्रतिस्थापित तत्वों के रूप में बटन की प्रकृति में निहित है। प्रतिस्थापित तत्व वे हैं जिनका स्वरूप और आयाम मुख्य रूप से सीएसएस द्वारा निर्धारित नहीं होते हैं, बल्कि बाहरी कारकों जैसे ऑपरेटिंग सिस्टम या अन्य बाहरी संसाधनों द्वारा निर्धारित होते हैं। बटनों के मामले में, उनके आकार और स्टाइल को अक्सर प्लेटफ़ॉर्म-विशिष्ट उपयोगकर्ता इंटरफ़ेस सम्मेलनों द्वारा परिभाषित किया जाता है।

आंतरिक आयाम

प्रतिस्थापित तत्वों में आंतरिक आयाम होते हैं, जिसका अर्थ है कि उनका चौड़ाई और ऊंचाई को आसपास की सामग्री के बजाय तत्व द्वारा ही परिभाषित किया जाता है। जब किसी प्रतिस्थापित तत्व पर "चौड़ाई: ऑटो" लागू किया जाता है, तो तत्व की आंतरिक चौड़ाई का उपयोग किया जाता है। बटनों के लिए, यह आंतरिक चौड़ाई आमतौर पर ऑपरेटिंग सिस्टम द्वारा परिभाषित डिफ़ॉल्ट बटन नियंत्रण के आकार से मेल खाती है।

दृश्य स्वरूपण आवश्यकताएँ

आंतरिक आयामों के अलावा, प्रतिस्थापित किया गया तत्वों पर दृश्य स्वरूपण आवश्यकताएँ भी लगाई जा सकती हैं। बटनों के लिए, इन आवश्यकताओं में कैप्शन का प्रदर्शन, बटन का बॉर्डर और अन्य उपयोगकर्ता इंटरफ़ेस तत्व शामिल हैं। ये स्वरूपण आवश्यकताएँ "चौड़ाई: ऑटो" और "डिस्प्ले: ब्लॉक" जैसी सीएसएस संपत्तियों के प्रभावों को ओवरराइड करती हैं।

निष्कर्ष

" के संबंध में बटन का व्यवहार डिस्प्ले: ब्लॉक" और "चौड़ाई: ऑटो" प्रतिस्थापित तत्वों के रूप में उनकी स्थिति का परिणाम है। उनके आंतरिक आयाम और दृश्य स्वरूपण आवश्यकताओं को सीएसएस गुणों पर प्राथमिकता दी जाती है, जिसके परिणामस्वरूप ऐसा व्यवहार देखने को मिलता है जहां बटन हमेशा अपने कंटेनरों को भरने के लिए खिंचते नहीं हैं।