टेलविंड में क्षैतिज और लंबवत मार्जिन कैसे जोड़ें?

Telavinda Mem Ksaitija Aura Lambavata Marjina Kaise Jorem



टेलविंड सीएसएस प्रदान करता है ' अंतर उपयोगिता वर्ग जो उपयोगकर्ताओं को तत्वों के आसपास के अंतर को नियंत्रित करने में सक्षम बनाते हैं। क्षैतिज मार्जिन किसी तत्व के बाएँ और दाएँ पक्ष में स्थान जोड़ता है, जबकि a ऊर्ध्वाधर मार्जिन किसी तत्व के ऊपर और नीचे स्थान जोड़ता है। टेलविंड वांछित तत्वों में क्षैतिज या ऊर्ध्वाधर मार्जिन जोड़ने के लिए विभिन्न उपयोगिता वर्ग प्रदान करता है।

यह लेख उदाहरण देगा:







टेलविंड में क्षैतिज मार्जिन कैसे जोड़ें?

टेलविंड में किसी तत्व में क्षैतिज मार्जिन जोड़ने के लिए, ' एमएक्स-<मूल्य> HTML प्रोग्राम में वांछित तत्व के साथ क्लास का उपयोग किया जाता है। उपयोगकर्ता मार्जिन के आकार के लिए अलग-अलग मान निर्दिष्ट कर सकते हैं। यह वर्ग x-अक्ष (दाएं और बाएं तरफ) के साथ एक मार्जिन जोड़ता है।



वाक्य - विन्यास



< तत्व कक्षा = 'एमएक्स-<मूल्य>...' > ... तत्व >


यहां, 'एमएक्स' 'एक्स-अक्ष' या 'क्षैतिज मार्जिन' का प्रतिनिधित्व करता है। सुनिश्चित करें कि '<मान>' को किसी भी मान्य मान, जैसे '5', '14' आदि से बदल दिया जाए।





उदाहरण: HTML तत्व पर क्षैतिज मार्जिन लागू करना

इस उदाहरण में, हम 'का उपयोग करेंगे एमएक्स-10 'उपयोगिता वर्ग' के साथ

इसमें एक क्षैतिज मार्जिन जोड़ने के लिए तत्व:



< शरीर >

< डिव कक्षा = 'एच-स्क्रीन एमएक्स-10 बीजी-पर्पल-500' >

< पी कक्षा = 'टेक्स्ट-5एक्सएल टेक्स्ट-सेंटर' > अंतर में टेलविंड सीएसएस पी >

डिव >

शरीर >


उत्पादन


उपरोक्त आउटपुट कंटेनर के बाईं और दाईं ओर का मार्जिन दिखाता है। यह इंगित करता है कि क्षैतिज मार्जिन कंटेनर तत्व पर सफलतापूर्वक लागू किया गया है।

टेलविंड में वर्टिकल मार्जिन कैसे जोड़ें?

टेलविंड में किसी तत्व में लंबवत मार्जिन जोड़ने के लिए, ' का उपयोग करें मेरा-<मूल्य> HTML प्रोग्राम में विशिष्ट तत्व के साथ उपयोगिता वर्ग। यह वर्ग y-अक्ष (ऊपर और नीचे की तरफ) के साथ एक मार्जिन जोड़ता है।

वाक्य - विन्यास

< तत्व कक्षा = 'मेरा-<मूल्य>...' > ... तत्व >


यहां, 'my' 'y-axis' या 'वर्टिकल मार्जिन' को दर्शाता है। सुनिश्चित करें कि '<मान>' को किसी भी मान्य मान, जैसे '6', '12' आदि से बदल दिया जाए।

उदाहरण: HTML तत्व पर वर्टिकल मार्जिन लागू करना

इस उदाहरण में, हम 'का उपयोग करेंगे मेरा-10 'उपयोगिता वर्ग' के साथ

इसमें एक लंबवत मार्जिन जोड़ने के लिए तत्व:

< शरीर >

< डिव कक्षा = 'एच-96 माई-10 बीजी-पर्पल-500' >

< पी कक्षा = 'टेक्स्ट-5एक्सएल टेक्स्ट-सेंटर' > अंतर में टेलविंड सीएसएस पी >

डिव >

शरीर >


उत्पादन


उपरोक्त आउटपुट कंटेनर के ऊपरी और निचले हिस्से का मार्जिन दिखाता है। यह इंगित करता है कि ऊर्ध्वाधर मार्जिन को कंटेनर तत्व पर प्रभावी ढंग से लागू किया गया है।

निष्कर्ष

टेलविंड में क्षैतिज और ऊर्ध्वाधर मार्जिन जोड़ने के लिए, ' एमएक्स-<मूल्य> ' और ' मेरा-<मूल्य> उपयोगिता वर्ग का उपयोग क्रमशः HTML प्रोग्राम में वांछित तत्वों के साथ किया जाता है। उपयोगकर्ता किसी तत्व के बाएँ और दाएँ या ऊपर और नीचे मार्जिन लागू करने के लिए अलग-अलग मान निर्दिष्ट कर सकते हैं। इस लेख में टेलविंड में क्षैतिज और ऊर्ध्वाधर मार्जिन लागू करने की विधि का उदाहरण दिया गया है।