यह लेख टेलविंड में बॉक्स सजावट के साथ होवर लगाने की प्रक्रिया प्रदर्शित करेगा।
टेलविंड में बॉक्स डेकोरेशन ब्रेक पर होवर कैसे लगाएं?
'बॉक्स-डेकोरेशन-ब्रेक' सीएसएस संपत्ति किसी तत्व के लिए पृष्ठभूमि, सीमा और पैडिंग का प्रतिपादन निर्धारित करती है जब यह कई पंक्तियों या स्तंभों में फैला होता है। बॉक्स सजावट ब्रेक तत्वों पर होवर प्रभाव लागू करने के लिए, इसका उपयोग करना आवश्यक है ' मंडराना 'संपत्ति और तत्वों पर कोई प्रभाव लागू करें।
व्यावहारिक प्रदर्शन के लिए नीचे दिए गए चरण देखें:
चरण 1: HTML प्रोग्राम में बॉक्स डेकोरेशन ब्रेक पर होवर प्रॉपर्टी का उपयोग करें
एक HTML प्रोग्राम बनाएं और बॉक्स सजावट ब्रेक तत्वों पर किसी भी होवर प्रॉपर्टी का उपयोग करें। उदाहरण के लिए, हमने ' होवर: बॉक्स-सजावट-क्लोन 'बॉक्स डेकोरेशन-स्लाइस' तत्व पर संपत्ति और एक ' होवर: टेक्स्ट-पीला-500 'बॉक्स-सजावट-क्लोन' तत्व पर संपत्ति:
< शरीर >
< अवधि कक्षा = 'बॉक्स-डेकोरेशन-स्लाइस होवर: बॉक्स-डेकोरेशन-क्लोन बीजी-टील-600 टेक्स्ट-व्हाइट टेक्स्ट-3एक्सएल पीएक्स-2' >
लिनक्स < बीआर / >
संकेत देना
< / अवधि >
< बीआर >
< बीआर >
< अवधि कक्षा = 'बॉक्स-सजावट-क्लोन होवर: टेक्स्ट-पीला-500 बीजी-टील-600 टेक्स्ट-व्हाइट टेक्स्ट-3एक्सएल पीएक्स-2' >
लिनक्स < बीआर / >
संकेत देना
< / अवधि >
< / शरीर >
यहाँ:
- “ होवर: बॉक्स-सजावट-क्लोन जब 'बॉक्स सजावट-स्लाइस' तत्व पर मँडराया जाता है तो 'बॉक्स-सजावट-क्लोन' प्रभाव लागू होता है।
- “ होवर: टेक्स्ट-पीला-500 'बॉक्स-डेकोरेशन-क्लोन' तत्व पर होवर करने पर टेक्स्ट का रंग पीला हो जाता है।
चरण 2: आउटपुट सत्यापित करें
आउटपुट को सत्यापित करने के लिए HTML प्रोग्राम चलाएँ:
उपरोक्त आउटपुट से पता चलता है कि होवर प्रभाव उन तत्वों पर लागू किया गया है जिनके अनुसार इसे निर्दिष्ट किया गया था।
निष्कर्ष
टेलविंड सीएसएस किसी भी तत्व पर होवर प्रभाव लागू करने के लिए उपयोगिता वर्गों का एक संग्रह प्रदान करता है। बॉक्स सजावट ब्रेक तत्वों पर होवर लागू करने के लिए, 'का उपयोग करें मंडराना ” संपत्ति और HTML प्रोग्राम में प्रभाव निर्दिष्ट करें। उपयोगकर्ता पृष्ठभूमि का रंग, टेक्स्ट का रंग और बॉर्डर का रंग बदल सकते हैं, या होवर पर किसी तत्व में छाया जोड़ सकते हैं। इस लेख में टेलविंड में बॉक्स सजावट के साथ होवर लगाने की प्रक्रिया बताई गई है।