इस मैनुअल का उद्देश्य यह समझाना है कि गोल कोनों की सीमाएँ कैसे बनाई जाती हैं। इसके लिए सबसे पहले हमें यह जानना होगा कि ' सीमा ' संपत्ति। तो, चलिए शुरू करते हैं!
CSS में 'बॉर्डर' संपत्ति क्या है?
किसी तत्व के चारों ओर एक सीमा बनाने के लिए, आपको 'का उपयोग करने की आवश्यकता है' सीमा ' संपत्ति। इस संपत्ति का उपयोग करके, आप 'सेट कर सकते हैं' शैली ',' ' रंग ', तथा ' चौड़ाई 'सीमा का।
वाक्य - विन्यास
सीमा संपत्ति का सिंटैक्स इस प्रकार दिया गया है:
सीमा : चौड़ाई शैली रंग
यहाँ ऊपर दिए गए मानों का विवरण दिया गया है:
- चौड़ाई: इसका उपयोग बॉर्डर की चौड़ाई निर्धारित करने के लिए किया जाता है।
- शैली: इसका उपयोग सीमा शैली को सेट करने के लिए किया जाता है, जैसे डॉटेड, डैश्ड, सॉलिड या डबल।
- रंग: यह सीमा के रंग को निर्धारित करता है।
यहां एक उदाहरण दिया गया है जिसमें हम ' सीमा ' संपत्ति।
CSS का उपयोग करके बॉर्डर कैसे बनाएं?
बॉर्डर बनाने के लिए, सबसे पहले, HTML फ़ाइल में एक एलीमेंट जोड़ें। ऐसा करने के लिए, हम एक
और
टैग का उपयोग करके एक शीर्षक और पैराग्राफ जोड़ेंगे:
< तन >
< डिव कक्षा = 'कोना' >
< एच 1 > लिनक्स संकेत < / एच 1 >
< पी > CSS में गोल कोने < / पी >
< / डिव >
< / तन >
इसके बाद, हम CSS सेक्शन में जाएंगे।
यहां ही ' ।कोना ' का उपयोग
।कोना {
सीमा : 4px ठोस आरजीबी ( 248 , 6 , 107 ) ;
चौड़ाई : 250px ;
कद : 150पीएक्स ;
पीछे का रंग : आरजीबी ( 2. 3. 4 , 0 , 255 ) ;
}
एक बार जब आप उपर्युक्त कोड को लागू कर लेते हैं, तो HTML फ़ाइल पर जाएँ और उसे निष्पादित करें। आप निम्न परिणाम देखेंगे:
अब, हम अगले भाग की ओर बढ़ेंगे, जहाँ हम गोल कोने की सीमा पर वर्गाकार बॉर्डर बनाएंगे।
CSS का उपयोग करके कॉर्नर को गोल कैसे करें?
एक गोल कोने की सीमा बनाने के लिए, ' बॉर्डर-त्रिज्या संपत्ति का उपयोग किया जा रहा है, जिसमें आप अपनी पसंद के अनुसार कोने की त्रिज्या निर्धारित कर सकते हैं।
वाक्य - विन्यास
सीमा-त्रिज्या संपत्ति का सिंटैक्स नीचे दिया गया है:
बॉर्डर-त्रिज्या : मूल्यआइए पिछले उदाहरण को जारी रखें और गोल कोनों को प्राप्त करने के लिए सीमा-त्रिज्या सेट करें।
उदाहरण
में ' ।कोना 'सीएसएस फ़ाइल का वर्ग, का मान सेट करें' बॉर्डर-त्रिज्या 'संपत्ति के रूप में' 30px ':
बॉर्डर-त्रिज्या : 30px ;उपरोक्त पंक्ति को जोड़ने के साथ, आपको निम्न आउटपुट मिलेगा:
ऊपर दिया गया आउटपुट दर्शाता है कि बॉर्डर-त्रिज्या संपत्ति के कारण बॉर्डर सफलतापूर्वक गोल कोनों में बदल गए हैं।
निष्कर्ष
सीएसएस में ' बॉर्डर-त्रिज्या 'संपत्ति का उपयोग सीमाओं के कोने को बदलने के लिए किया जाता है। त्रिज्या के दिए गए मान के अनुसार वक्र का आकार बदलता है। उल्लिखित संपत्ति का उपयोग करके, आप अपनी पसंद के अनुसार कोने की त्रिज्या निर्धारित कर सकते हैं। इस लेख में, हमने एक उदाहरण की मदद से बॉर्डर-त्रिज्या संपत्ति का उपयोग करके कोने की सीमाओं को गोल करने का तरीका बताया है।