उपयोगकर्ता-आकर्षक वेबसाइटों को अक्सर समय-समय पर कई स्टाइलिंग पद्धतियों को जोड़ने की आवश्यकता होती है। ऐसी स्थितियों में, साइट को अलग दिखाने के लिए आवश्यकताओं के अनुसार विभिन्न मूल्यों के आधार पर टेक्स्ट सजावट की स्टाइलिंग कई तरीकों से की जा सकती है।
यह ब्लॉग निम्नलिखित सामग्री क्षेत्रों को कवर करेगा:
टेलविंड सीएसएस में टेक्स्ट डेकोरेशन स्टाइल कैसे सेट करें?
टेक्स्ट शैली को “की सहायता से सेट और सजाया जा सकता है” पाठ-सजावट-शैली 'विभिन्न स्टाइलिंग मानों के साथ आवंटित संपत्ति।
पाठ सजावट शैली गुण
कक्षा | गुण |
सजावट-ठोस | पाठ-सजावट-शैली: ठोस; |
सजावट-डबल | पाठ-सजावट-शैली: दोहरा; |
सजावट-लहरदार | पाठ-सजावट-शैली: लहरदार; |
सजावट-धराशायी | पाठ-सजावट-शैली: धराशायी; |
सजावट-बिंदीदार | पाठ-सजावट-शैली: बिंदीदार; |
उदाहरण: टेलविंड सीएसएस में टेक्स्ट डेकोरेशन स्टाइल सेट करना
यह उदाहरण उपरोक्त चर्चा का उपयोग करता है ' पाठ-सजावट-शैली पैराग्राफ टेक्स्ट को स्टाइल करने के लिए सभी मानों के साथ संपत्ति:
DOCTYPE html >< एचटीएमएल >
< सिर >
< मेटा charset = 'यूटीएफ-8' >
< मेटा नाम = 'व्यूपोर्ट' सामग्री = 'चौड़ाई=डिवाइस-चौड़ाई, प्रारंभिक-पैमाना=1' >
< लिखी हुई कहानी स्रोत = 'https://cdn.tailwindcss.com' > लिखी हुई कहानी >
सिर >
< शरीर >
< डिव >
< पी कक्षा = 'रेखांकित सजावट-ठोस ...' > यह Linuxhint वेबसाइट है पी >
< पी कक्षा = 'अंडरलाइन डेकोरेशन-डबल...' > यह Linuxhint वेबसाइट है पी >
< पी कक्षा = 'रेखांकित सजावट-लहराती ...' > यह Linuxhint वेबसाइट है पी >
< पी कक्षा = 'रेखांकित सजावट-धराशायी ...' > यह Linuxhint वेबसाइट है पी >
< पी कक्षा = 'रेखांकित सजावट-बिंदीदार ...' > यह Linuxhint वेबसाइट है पी >
डिव >
शरीर >
एचटीएमएल >
इस कोड के आधार पर, निम्नलिखित चरण लागू करें:
-
- दिए गए को शामिल करें ' सीडीएन 'के भीतर पथ' <सिर> टेलविंड कार्यक्षमताओं को लागू करने के लिए टैग।
- अब, “का उपयोग करके चार पैराग्राफ बनाएं” <पी> ' टैग जिसमें ' शामिल है text-decoration जैसा कि चर्चा की गई है, प्रत्येक मामले में संपत्ति को एक अलग मूल्य के साथ सौंपा गया है।
- इसके परिणामस्वरूप पाठ को ठोस, दोहरी, लहरदार, धराशायी और बिंदीदार रेखाओं से रेखांकित किया जाता है।
उत्पादन
इस परिणाम से यह सत्यापित होता है कि पाठ को तदनुसार सजाया गया है।
निष्कर्ष
टेक्स्ट शैली को “की सहायता से सेट और सजाया जा सकता है” पाठ-सजावट-शैली 'विभिन्न स्टाइलिंग मानों के साथ आवंटित संपत्ति। इन मानों में ठोस, दोहरा, लहरदार, धराशायी और बिंदीदार शामिल हैं। यह ब्लॉग टेलविंड सीएसएस का उपयोग करके टेक्स्ट-सजावट शैली सेट करने के बारे में था।