सजावटी सीएसएस तत्वों को रेखांकित करें
स्टाइल शीट की तकनीक दो कार्य करती हैएचटीएमएल पृष्ठों के पंजीकरण पर। सबसे पहले, इसकी मदद से, साइट के व्यक्तिगत तत्वों की स्थिति बनाई गई है। दूसरा, यह ब्लॉक को उपयोगकर्ता के लिए दृष्टि से आकर्षक बनाता है। दूसरा कार्य विभिन्न तरीकों से लागू किया गया है। उनमें से एक रेखांकित है। सीएसएस इस विशेषता के लिए प्रदान करता है पाठसजावट.
विशेषता रिकॉर्ड का विशिष्टता
संपत्ति का लाभ उठाएं पाठसजावट सरल। शैली फ़ाइल के कोड में तत्व के लिए निम्न पंक्ति लिखना पर्याप्त है:
पाठसजावट: विशेषता_वृत्त;
इसके बजाए "znachenie_atributa"सीएसएस विनिर्देश कई विकल्पों की पेशकश करता है:
- रेखांकित करना - रेखा सख्ती से पाठ के नीचे स्थित है;
- overline - रेखा पाठ के शीर्ष से गुजरती है;
- कोई नहीं - सभी सजावटी प्रभावों को हटाने;
- वारिस - मूल तत्व के मूल्य को गोद ले।
उपर्युक्त रिकॉर्ड के सभी संभावित रूप नहीं हैं, क्योंकि यह विशेषता न केवल सीएसएस रेखांकित करता है, बल्कि अन्य प्रभावों को भी निर्दिष्ट करता है, उदाहरण के लिए, पाठ या इसके अंतराल को "झपकी"।
हाइपरलिंक डिजाइन के उदाहरण
वेब डिजाइन और प्रोग्रामिंग में शुरुआतीसवाल उठता है: पाठ की निचली पंक्ति क्यों बनाते हैं? इंटरनेट प्रौद्योगिकी युग की शुरुआत में, इस बात को हाइलाइट करने का तरीका है कि उपयोगकर्ता के सामने एक हाइपरलिंक है - एक पाठ जिसे एक नए पृष्ठ पर क्लिक किया जाएगा।
डिफ़ॉल्ट रूप से, हाइपरलिंक्स में एक संपत्ति सेट होता है रेखांकित करना। व्यावहारिक रूप से, समस्या निष्क्रिय तत्वों से रेखा को हटाने के लिए उत्पन्न होती है और जब उपयोगकर्ता माउस पॉइंटर को घुमाता है तो इसे दृश्यमान बना देता है। यहां एक उदाहरण कोड है जो सीएसएस रेखांकन को अक्षम करता है:
एक {पाठ-सजावट: कोई नहीं;}
सक्रिय प्रविष्टियों के लिए निम्न प्रविष्टि का उपयोग किया जाता है:
ए: होवर {टेक्स्ट-सजावट: अंडरलाइन;}
उन्नत के लिए सजावटी अंडरलाइन
मानक विशेषता पाठसजावट कई सीमाएं हैं:
- रेखा का रंग लिंक के पाठ के रंग से अलग नहीं है, उनके "रंग" को अलग करना असंभव है;
- अंडरस्कोर के रूप में केवल एक ठोस रेखा का उपयोग किया जाता है। सीएसएस शिलालेख की अन्य शैलियों का उपयोग नहीं करता है।
लेकिन विशेष तकनीक पाठ के शास्त्रीय डिजाइन को बाईपास करने में मदद करती है। पहले मामले में, एक अतिरिक्त <अवधि>।
उदाहरण के लिए:
<a href="#" style="text-decoration: अंडरलाइन; रंग: red">
<span style = "color: blue"> हाइपरलिंक्स</ span>
</ए>। </p>
नतीजतन, पृष्ठ पर हाइपरलिंक शब्द नीले रंग में लिखा जाएगा, और रेखा रंग लाल हो जाएगा।
एक और उन्नत तरीका जो आपको सीएसएस रेखांकित करने की अनुमति देता है, - सीमा-नीचे। नीचे दिया गया उदाहरण इसके उपयोग को बताता है:
एक {सीमा-तल: 1 पीएक्स ठोस लाल;}
नतीजा उपर्युक्त उदाहरण जैसा ही होगा। लेकिन इस विधि का एक महत्वपूर्ण फायदा है। रेखा के रंग को बदलने के अलावा (अब लाल पर सेट - लाल), इसे खींचे जाने वाले तरीके को बदलना संभव है:
- छितराया हुआ - क्या एक बिंदु रेखांकित करता है;
- धराशायी - रेखा स्ट्रोक के होते हैं;
- दोहरा एक डबल लाइन खींचता है।
तो, विशेषता border-तल अधिक कार्यात्मक पाठ के तहत एक सजावटी रेखा को प्रदर्शित करने के अलावा, यह आपको इसकी उपस्थिति को अनुकूलित करने की अनुमति देता है।
