टेलविंड सीएसएस में, a अंतर विशिष्ट तत्व के चारों ओर रिक्ति को नियंत्रित करने के लिए उपयोग किया जाता है। यह लागू तत्व और उसके आसपास के तत्वों के बीच स्थान जोड़ता है। टेलविंड सीएसएस मार्जिन उपयोगिताओं और मार्जिन मूल्यों का एक सेट प्रदान करता है जो उपयोगकर्ताओं को वांछित तत्वों के आसपास रिक्ति को अनुकूलित करने की अनुमति देता है। इसके अलावा, उपयोगकर्ता किसी एक तरफ मार्जिन जोड़ सकते हैं, जैसे किसी विशेष तत्व के ऊपर, नीचे, बाएँ या दाएँ।
यह ब्लॉग टेलविंड सीएसएस में किसी तत्व के एक तरफ मार्जिन जोड़ने के उदाहरण प्रदर्शित करेगा।
टेलविंड में एक तरफ मार्जिन कैसे जोड़ें?
टेलविंड में किसी तत्व के एक तरफ मार्जिन जोड़ने के लिए, निम्नलिखित उपयोगिता वर्गों का उपयोग किया जा सकता है:
इसे बेहतर ढंग से समझने के लिए, नीचे दिए गए उदाहरण देखें।
उदाहरण 1: किसी तत्व के शीर्ष पर मार्जिन जोड़ें
इस उदाहरण में, हम 'का उपयोग करेंगे एमटी-14 'उपयोगिता वर्ग' में उत्पादन उदाहरण 2: किसी तत्व के निचले भाग में मार्जिन जोड़ें इस उदाहरण में, हम 'का उपयोग करेंगे एमबी-14 'कक्षा में' उदाहरण 3: किसी तत्व के बाईं ओर मार्जिन जोड़ें इस उदाहरण में, हम 'का उपयोग करेंगे एमएल-14 'कक्षा में' उदाहरण 4: किसी तत्व के दाईं ओर मार्जिन जोड़ें इस उदाहरण में, हम 'का उपयोग करेंगे श्री-14 'कक्षा में' टेलविंड में किसी तत्व के एक तरफ मार्जिन जोड़ने के लिए, विभिन्न उपयोगिता वर्गों का उपयोग किया जा सकता है, जैसे ' एमएल-<मूल्य> ”,“ श्री-<मूल्य> ”,“ एमटी-<मूल्य> ', और ' एमबी-<मूल्य> ”। ये वर्ग विशिष्ट तत्व के बाएँ, दाएँ, ऊपर और नीचे की ओर क्रमशः मार्जिन जोड़ते हैं। उपयोगकर्ता मार्जिन के आकार के लिए अलग-अलग मान निर्दिष्ट कर सकते हैं। इस ब्लॉग ने टेलविंड सीएसएस में किसी तत्व के एक तरफ मार्जिन जोड़ने के उदाहरण प्रदर्शित किए हैं।
< डिव कक्षा = 'एच-96 एमटी-14 बीजी-पर्पल-500' >
< पी कक्षा = 'टेक्स्ट-5एक्सएल टेक्स्ट-सेंटर' > अंतर में टेलविंड सीएसएस पी >
डिव >
शरीर >
यहाँ:
उपरोक्त आउटपुट से पता चलता है कि मार्जिन को कंटेनर के शीर्ष पर जोड़ा गया है।
< डिव कक्षा = 'एच-96 एमबी-14 बीजी-पर्पल-500' >
< पी कक्षा = 'टेक्स्ट-5एक्सएल टेक्स्ट-सेंटर' > अंतर में टेलविंड सीएसएस पी >
डिव >
शरीर >
उत्पादन
यह देखा जा सकता है कि कंटेनर के निचले भाग में मार्जिन जोड़ दिया गया है।
< डिव कक्षा = 'एच-96 एमएल-14 बीजी-बैंगनी-500' >
< पी कक्षा = 'टेक्स्ट-5एक्सएल टेक्स्ट-सेंटर' > अंतर में टेलविंड सीएसएस पी >
डिव >
शरीर >
उत्पादन
उपरोक्त आउटपुट से पता चलता है कि मार्जिन को कंटेनर तत्व के बाईं ओर जोड़ा गया है।
< डिव कक्षा = 'एच-96 एमआर-14 बीजी-पर्पल-500' >
< पी कक्षा = 'टेक्स्ट-5एक्सएल टेक्स्ट-सेंटर' > अंतर में टेलविंड सीएसएस पी >
डिव >
शरीर >
उत्पादन
जैसा कि आप देख सकते हैं, मार्जिन को कंटेनर के दाईं ओर कुशलतापूर्वक जोड़ा गया है। निष्कर्ष