टेलविंड में होवर पर 'ब्रेक-इनसाइड' कैसे लागू करें?

यह आलेख टेलविंड सीएसएस में होवर पर 'ब्रेक-इनसाइड' लागू करने की विधि का उदाहरण देगा।

टेलविंड में होवर पर 'ब्रेक-इनसाइड' कैसे लागू करें?

टेलविंड में होवर पर 'ब्रेक-इनसाइड' लागू करने के लिए, HTML प्रोग्राम में वांछित तत्वों पर विशिष्ट 'ब्रेक-इनसाइड' उपयोगिता के साथ 'होवर' प्रॉपर्टी का उपयोग करें। फिर, सत्यापन के लिए वेब पेज देखें।

व्यावहारिक प्रदर्शन के लिए, नीचे सूचीबद्ध चरणों को आज़माएँ:

चरण 1: 'ब्रेक-इनसाइड' उपयोगिता के साथ होवर प्रॉपर्टी का उपयोग करें
एक HTML प्रोग्राम बनाएं और 'का उपयोग करें' मंडराना वांछित 'ब्रेक-इनसाइड' उपयोगिता वाली संपत्ति। उदाहरण के लिए, हमने होवर प्रॉपर्टी का उपयोग ' के साथ किया है ब्रेक-अंदर-बचें-स्तंभ होवर पर

तत्व के भीतर कॉलम ब्रेक से बचने के लिए उपयोगिता:

यहाँ:

• “ कॉलम-2 क्लास का उपयोग
  को दो कॉलम में विभाजित करने के लिए किया जाता है।
• “ बीजी-पीला-500 ” वर्ग
  की पृष्ठभूमि पर पीला रंग सेट करता है।
• “ होवर: ब्रेक-अंदर-बचें-कॉलम

  तत्व में वर्ग इंगित करता है कि जब माउस पॉइंटर ऊपर घूमता है, तो

  तत्व के भीतर कॉलम ब्रेक से बचा जाना चाहिए।

चरण 2: आउटपुट सत्यापित करें
यह सत्यापित करने के लिए कि क्या 'ब्रेक-इनसाइड-अवॉइड-कॉलम' उपयोगिता होवर पर सफलतापूर्वक लागू की गई है, HTML वेब पेज देखें:

उपरोक्त आउटपुट से पता चलता है कि जब उपयोगकर्ता वांछित तत्व पर होवर करता है, तो तत्व के भीतर कॉलम ब्रेक से बचा जाता है। यह इंगित करता है कि 'ब्रेक-इनसाइड-अवॉइड-कॉलम' को होवर पर उस तत्व पर सफलतापूर्वक लागू किया गया है जिसके अनुसार इसे निर्दिष्ट किया गया था।

निष्कर्ष

टेलविंड में होवर पर 'ब्रेक-इनसाइड' लागू करने के लिए, 'का उपयोग करें' मंडराना 'वांछित के साथ संपत्ति' अंदर तोड़ना HTML प्रोग्राम में उपयोगिता। होवर प्रॉपर्टी का उपयोग किसी भी तत्व के साथ किया जा सकता है। सत्यापन के लिए, वेब पेज देखें। इस आलेख में टेलविंड सीएसएस में होवर पर 'ब्रेक-इनसाइड' लागू करने की विधि बताई गई है।