जब हम साथ काम HTML और शैली पत्रक सीएसएस वहाँ समय जो कर रहे हैं व्यवहार हम डिजाइन कर रहे हैं पृष्ठ के तत्व अब तक है क्या हम यह सही लगता है कि होगा सकता है से. इन मामलों में, हम गोता करने के लिए है इंटरनेट की जाँच करें और उन्हें के साथ संभव देने के लिए के बारे में पूछताछ करने के लिए समाधान कि हमारी समस्या का समाधान कर सकते हैं.
इस मामले में, चलो के बारे में बात व्यवहार कौन है HTML तत्व जब उसे असाइन एक पैडिंग. मान लीजिए कि आप एक तत्व है div एक साथ डिफ़ॉल्ट चौड़ाई और ऊँचाई, पिक्सल या प्रतिशत के रूप में, जो बेहतर प्रदर्शन करने के लिए एक किनारे अपने आयाम दे दिया है:
जैसा कि आप में देख सकते हैं CSS टैब, इस कंटेनर है एक चौड़ाई की एक 75% और एक ऊंचाई के 100 पिक्सेल.
अब, हम प्रदान करेगा एक पैडिंग के 20 पिक्सेल हर तरफ:
हम देख सकते हैं कि, अब, को कंटेनर प्रस्तुत करता है एक पैडिंग जो कि पाठ किनारों से अलग किया गया था बनाता है, लेकिन इसके अलावा, को कंटेनर का आकार बढ़ जाती है, यानी, अब एक की ऊँचाई और चौड़ाई है 40 अधिक पिक्सेल कारण पैडिंग अपने पक्ष में से हर एक के लिए असाइन किया गया.
इससे बचने के लिए, हम गुण का उपयोग करेगा बॉक्स नौकरशाही का आकार घटाने कंटेनर, कर तो आकार उसी के शामिल हैं भी अपने पैडिंग. ऐसा करने के लिए, हम बस मान असाइन करें बॉक्स नौकरशाही का आकार घटाने: बॉर्डर-बॉक्स सीएसएस में, और हम निम्न परिणाम प्राप्त करें:
इस रास्ते में, कंटेनर रखना होगा को पैडिंग असाइन किया गया, के 20 पिक्सेल, वृद्धि के बिना उनके आयाम definidas con anterioridad.
क्या हम सिर्फ देखा है, भी तत्वों के साथ होती है इनपुट प्रपत्र, वह क्या करता है, उन्हें वांछित डिजाइन करने के लिए मेल करने के लिए, हम का एक सा होना चाहिए कौशल.
हम करने के लिए जा रहे हैं जोड़ें एक तत्व इनपुट के पाठ लिखें करने के लिए कोड हम पहले से ही है, और हम कॉन्फ़िगर करेंगे इनपुट एक साथ चौड़ाई के 100% पैरेंट कंटेनर से, और एक पैडिंग के 5 पिक्सेल ऊपरी और निचले किनारों के लिए, और 10 पिक्सेल दाईं और बाईं ओर के लिए.
क्या होता है? हमारी नई करने के लिए तत्व इनपुट यह आयाम से बाहर आता है पैरेंट कंटेनर से, यहां तक कि की एक चौड़ाई सेट होने एक 100%. कैसे इसे ठीक?? के रूप में एक इसी तरह के रूप में हम अपने संग्राहक के साथ किया, हम करने के लिए जा रहे हैं उसे असाइन करें गुण बॉक्स नौकरशाही का आकार घटाने मान के साथ बॉर्डर-बॉक्स:
Voila! यहाँ हम देखते हैं के रूप में का उपयोग कर को संपत्ति बॉक्स नौकरशाही का आकार घटाने और उसे असाइन करना मान बॉर्डर-बॉक्स, हम ऐसा कर सकते हैं HTML तत्व हमारी वेबसाइट है पूर्णता के लिए फिट, में आकार, आप असाइन किया गया है उन मानों के लिए, से बचने que estos हो जाना कब असाइन करें किसी भी प्रकार की पैडिंग करने के लिए एक ही.
