जैसा कि नीचे देखा जा सकता है, आपके वेब पेज पर HTML और CSS का उपयोग करके किसी भी पाठ के चारों ओर एक बॉर्डर बनाया जा सकता है। नीचे दिए गए उदाहरण में, हमने लाल सीमा के साथ एक पैराग्राफ () को घेर लिया है।
लाल सीमा से घिरे पाठ के साथ पहला उदाहरण।
इस उदाहरण में कई लाइनें भी हैं।
उपरोक्त उदाहरण बनाने के लिए, नीचे दिए गए कोड का उपयोग किया गया था।
लाल सीमा से घिरे पाठ के साथ पहला उदाहरण।
इस उदाहरण में कई लाइनें भी हैं।
उपरोक्त कोड में, शैली सीमा आकार (पिक्सेल के लिए px छोटा), शैली प्रकार और सीमा रंग को परिभाषित कर रही है। सीमा की शैली स्क्रीन पर सीमा कैसे दिखाई देती है। अन्य प्रकार की सीमा शैलियों में बिंदीदार, धराशायी, डबल, नाली, रिज, इनसेट और आउटसेट शामिल हैं। बॉर्डर का रंग उस रंग को परिभाषित करता है जिसे आप बॉर्डर के लिए उपयोग करना चाहते हैं। उपरोक्त उदाहरण में, रंग कोड # FF0000 का उपयोग किया गया था, जो लाल रंग के लिए रंग कोड है।
सीएसएस का उपयोग कर शैली को परिभाषित करना
वेब पेज पर तत्वों की उपस्थिति को इनलाइन सीएसएस के साथ भी परिभाषित किया जा सकता है। इनलाइन सीएसएस को आपके HTML दस्तावेज़ में, तत्व में परिभाषित किया गया है। या, आप .css एक्सटेंशन के साथ CSS को बाहरी फाइल में परिभाषित कर सकते हैं। फिर, आप इस फाइल को किसी भी HTML डॉक्यूमेंट से लिंक कर सकते हैं, और उस डॉक्यूमेंट में एलिमेंट्स के पास CSS स्टाइल की एक्सेस होगी। उदाहरण के लिए, नीचे दिए गए CSS कोड के साथ, "borderexample" नामक एक नया वर्ग बनाया जा रहा है जिसे किसी अन्य HTML टैग पर लागू किया जा सकता है।
.borderexample {सीमा-शैली: ठोस; सीमा रंग: # 287EC7; }
उपरोक्त कोड का उपयोग करते हुए, यदि आप इस सीमा शैली को HTML पैराग्राफ में लागू करना चाहते हैं, तो आप नीचे दिए गए उदाहरण के समान कुछ लिख सकते हैं।
यहां सीएसएस का उपयोग करके बनाई गई सीमा का एक उदाहरण है