जब HTML और CSS का उपयोग करके वेब विकास की बात आती है, तो वेबपेज पर तत्वों की उपस्थिति में हेरफेर करने की क्षमता महत्वपूर्ण है। इसे प्राप्त करने का एक तरीका किसी तत्व में बॉर्डर जोड़ना है। सीएसएस में, बॉर्डर प्रॉपर्टी का उपयोग किसी तत्व की सीमा को परिभाषित करने के लिए किया जाता है, और यह आपको बॉर्डर के आकार को निर्दिष्ट करने की अनुमति देता है।
सीएसएस में बॉर्डर आकार जोड़ने के लिए, आप बॉर्डर-चौड़ाई प्रॉपर्टी का उपयोग कर सकते हैं। यह प्रॉपर्टी आपको बॉर्डर की चौड़ाई को विभिन्न इकाइयों जैसे पिक्सेल, ईएमएस, रेम्स या प्रतिशत में सेट करने की अनुमति देती है। सीमा-चौड़ाई गुण को तत्व की सीमा के अलग-अलग किनारों (ऊपर, दाएं, नीचे और बाएं) या एक ही बार में सभी पक्षों पर लागू किया जा सकता है।
यहां एक उदाहरण दिया गया है कि आप किसी तत्व में बॉर्डर आकार जोड़ने के लिए बॉर्डर-चौड़ाई प्रॉपर्टी का उपयोग कैसे कर सकते हैं:
css
/* Applying border width to all sides */
.element {
border-width: 2px;
}
/* Applying different border widths to each side */
.element {
border-width: 2px 4px 6px 8px;
}
पहले उदाहरण में, बॉर्डर-चौड़ाई गुण 2 पिक्सेल पर सेट है, जो तत्व के सभी किनारों पर समान बॉर्डर चौड़ाई लागू करता है। दूसरे उदाहरण में, बॉर्डर-चौड़ाई गुण शीर्ष पक्ष के लिए 2 पिक्सेल, दाईं ओर के लिए 4 पिक्सेल, नीचे की ओर के लिए 6 पिक्सेल और बाईं ओर के लिए 8 पिक्सेल पर सेट है। यह आपको तत्व के चारों ओर एक गैर-समान सीमा बनाने की अनुमति देता है।
यह ध्यान रखना महत्वपूर्ण है कि केवल सीमा-चौड़ाई संपत्ति तब तक सीमा को स्पष्ट रूप से नहीं दिखाएगी जब तक कि आप सीमा-शैली और सीमा-रंग गुणों को भी परिभाषित नहीं करते हैं। बॉर्डर-शैली गुण बॉर्डर की शैली निर्धारित करता है, जैसे कि ठोस, धराशायी, बिंदीदार, आदि, जबकि बॉर्डर-रंग गुण बॉर्डर का रंग निर्धारित करता है।
यहां एक उदाहरण दिया गया है जो सीमा-चौड़ाई, सीमा-शैली और सीमा-रंग गुणों को जोड़ता है:
इस उदाहरण में, सीमा-चौड़ाई संपत्ति सीमा की चौड़ाई को 2 पिक्सेल पर सेट करती है, सीमा-शैली संपत्ति शैली को ठोस पर सेट करती है, और सीमा-रंग संपत्ति रंग को लाल पर सेट करती है। यह तत्व के चारों ओर एक ठोस लाल बॉर्डर बनाएगा।
सीएसएस में बॉर्डर आकार जोड़ने के लिए, आप बॉर्डर-चौड़ाई प्रॉपर्टी का उपयोग कर सकते हैं। यह संपत्ति आपको विभिन्न इकाइयों में सीमा की चौड़ाई निर्दिष्ट करने की अनुमति देती है और इसे किसी तत्व के अलग-अलग पक्षों या सभी पक्षों पर लागू किया जा सकता है। बॉर्डर को दृश्यमान बनाने के लिए बॉर्डर-शैली और बॉर्डर-रंग गुणों को भी परिभाषित करना याद रखें।
सीएसएस में बॉर्डर साइज जोड़ने का क्या मतलब है?
जब HTML और CSS का उपयोग करके वेब विकास की बात आती है, तो वेबपेज पर तत्वों की उपस्थिति में हेरफेर करने की क्षमता महत्वपूर्ण है। इसे प्राप्त करने का एक तरीका किसी तत्व में बॉर्डर जोड़ना है। सीएसएस में, बॉर्डर प्रॉपर्टी का उपयोग किसी तत्व की सीमा को परिभाषित करने के लिए किया जाता है, और यह आपको बॉर्डर के आकार को निर्दिष्ट करने की अनुमति देता है।
सीएसएस में बॉर्डर आकार जोड़ने के लिए, आप बॉर्डर-चौड़ाई प्रॉपर्टी का उपयोग कर सकते हैं। यह प्रॉपर्टी आपको बॉर्डर की चौड़ाई को विभिन्न इकाइयों जैसे पिक्सेल, ईएमएस, रेम्स या प्रतिशत में सेट करने की अनुमति देती है। सीमा-चौड़ाई गुण को तत्व की सीमा के अलग-अलग किनारों (ऊपर, दाएं, नीचे और बाएं) या एक ही बार में सभी पक्षों पर लागू किया जा सकता है।
यहां एक उदाहरण दिया गया है कि आप किसी तत्व में बॉर्डर आकार जोड़ने के लिए बॉर्डर-चौड़ाई प्रॉपर्टी का उपयोग कैसे कर सकते हैं:
पहले उदाहरण में, बॉर्डर-चौड़ाई गुण 2 पिक्सेल पर सेट है, जो तत्व के सभी किनारों पर समान बॉर्डर चौड़ाई लागू करता है। दूसरे उदाहरण में, बॉर्डर-चौड़ाई गुण शीर्ष पक्ष के लिए 2 पिक्सेल, दाईं ओर के लिए 4 पिक्सेल, नीचे की ओर के लिए 6 पिक्सेल और बाईं ओर के लिए 8 पिक्सेल पर सेट है। यह आपको तत्व के चारों ओर एक गैर-समान सीमा बनाने की अनुमति देता है।
यह ध्यान रखना महत्वपूर्ण है कि केवल सीमा-चौड़ाई संपत्ति तब तक सीमा को स्पष्ट रूप से नहीं दिखाएगी जब तक कि आप सीमा-शैली और सीमा-रंग गुणों को भी परिभाषित नहीं करते हैं। बॉर्डर-शैली गुण बॉर्डर की शैली निर्धारित करता है, जैसे कि ठोस, धराशायी, बिंदीदार, आदि, जबकि बॉर्डर-रंग गुण बॉर्डर का रंग निर्धारित करता है।
यहां एक उदाहरण दिया गया है जो सीमा-चौड़ाई, सीमा-शैली और सीमा-रंग गुणों को जोड़ता है:
इस उदाहरण में, सीमा-चौड़ाई संपत्ति सीमा की चौड़ाई को 2 पिक्सेल पर सेट करती है, सीमा-शैली संपत्ति शैली को ठोस पर सेट करती है, और सीमा-रंग संपत्ति रंग को लाल पर सेट करती है। यह तत्व के चारों ओर एक ठोस लाल बॉर्डर बनाएगा।
सीएसएस में बॉर्डर आकार जोड़ने के लिए, आप बॉर्डर-चौड़ाई प्रॉपर्टी का उपयोग कर सकते हैं। यह संपत्ति आपको विभिन्न इकाइयों में सीमा की चौड़ाई निर्दिष्ट करने की अनुमति देती है और इसे किसी तत्व के अलग-अलग पक्षों या सभी पक्षों पर लागू किया जा सकता है। बॉर्डर को दृश्यमान बनाने के लिए बॉर्डर-शैली और बॉर्डर-रंग गुणों को भी परिभाषित करना याद रखें।
संबंधित अन्य हालिया प्रश्न और उत्तर HTML और CSS में आगे बढ़ना:
HTML और CSS में आगे बढ़ना में अधिक प्रश्न और उत्तर देखें
अधिक प्रश्न और उत्तर: