यह ट्यूटोरियल निम्नलिखित सामग्री समझाता है:
- टेलविंड में टेक्स्ट डेकोरेशन थिकनेस के साथ होवर, फोकस और एक्टिव स्टेट्स कैसे लागू करें?
- 'के साथ टेक्स्ट डेकोरेशन थिकनेस लागू करना मंडराना ' राज्य।
- 'के साथ टेक्स्ट डेकोरेशन थिकनेस लागू करना केंद्र ' राज्य।
- 'के साथ टेक्स्ट डेकोरेशन थिकनेस लागू करना सक्रिय ' राज्य।
टेलविंड में टेक्स्ट डेकोरेशन थिकनेस के साथ होवर, फोकस और एक्टिव स्टेट्स कैसे लागू करें?
“ पाठ सजावट मोटाई 'लक्ष्य स्थिति का उपयोग करके इन राज्यों के साथ लागू किया जा सकता है और' पाठ-सजावट-मोटाई 'पिक्सेल में लक्ष्य मोटाई मान के बाद संपत्ति। इन दृष्टिकोणों के एकीकरण से माउस होवर, तत्व केंद्रित होने या तत्व सक्रिय होने पर टेक्स्ट सजावट की मोटाई (पिक्सेल में) बदल जाती है। ये पिक्सेल हो सकते हैं ' 1px ', ' 2px ', ' 4px ' या ' 8px ”। ऐसा है कि जितने अधिक पिक्सेल, उतनी अधिक मोटाई।
उदाहरण 1: 'होवर' स्थिति के साथ टेक्स्ट सजावट की मोटाई लागू करना
यह उदाहरण 'पर लागू होता है पाठ-सजावट-मोटाई 'संपत्ति के साथ' मंडराना 'माउस होवर पर मोटाई सेट करने की स्थिति बताएं:
< एचटीएमएल >
< सिर >
< मेटा charset = 'यूटीएफ-8' >
< मेटा नाम = 'व्यूपोर्ट' सामग्री = 'चौड़ाई=डिवाइस-चौड़ाई, प्रारंभिक-पैमाना=1' >
< लिखी हुई कहानी स्रोत = 'https://cdn.tailwindcss.com' < / लिखी हुई कहानी < / सिर >
< शरीर >
< पाठ क्षेत्र कक्षा = 'अंडरलाइन होवर:सजावट-4' > जेम्स समय के पाबंद हैं < / पाठ क्षेत्र >
< / शरीर >
< / एचटीएमएल >
इस कोड स्निपेट में, टेलविंड कार्यात्मकताओं का उपयोग करने के लिए '
' टैग के भीतर CDN पथ शामिल करें। उसके बाद, 'के भीतर