Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS से "Tutorials" शब्द वाले alt एट्रिब्यूट के सभी एलिमेंट्स चुनें


निर्दिष्ट शब्द वाले एट्रिब्यूट वैल्यू के एलिमेंट्स चुनने के लिए [attribute ~= "value"] सिलेक्टर का उपयोग करें।

हम यहां जिस शब्द को खोज रहे हैं वह है Tutorials, इसे लागू करने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          [alt ~= Tutorials] {             border: 5px solid orange;             border-radius: 5px;          }       </style>    </head>    <body>       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" height = "200" width = "200" alt = "Tutor Connect">       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" height = "200" width = "200" alt = "Tutorials Library">    </body> </html>

  1. - CSS एट्रिब्यूट सेलेक्टर [attribute] से एट्रिब्यूट वाले तत्व चुनें

    CSS [attribute] सेलेक्टर (एट्रिब्यूट प्रेजेंस सेलेक्टर) का उपयोग करके उन सभी तत्वों को चुना जा सकता है जिनमें निर्दिष्ट एट्रिब्यूट मौजूद होता है, चाहे उसका मान कुछ भी हो। उदाहरण नीचे दिए गए उदाहरण में, img[alt] सेलेक्टर केवल उन <img> तत्वों को चुनता है जिनमें alt एट्रिब्यूट मौजूद है। <!DO

  1. - CSS [attribute~="value"] सेलेक्टर से शब्द-विशिष्ट एट्रिब्यूट मान चुनें

    CSS [attribute~=value] सेलेक्टर उन तत्वों को चुनता है जिनके एट्रिब्यूट मान में निर्दिष्ट **पूरा शब्द** (स्पेस से अलग) मौजूद होता है। यह [attribute*=value] (सबस्ट्रिंग) से अलग है जो आंशिक मेल भी ढूंढता है। उदाहरण नीचे दिए गए उदाहरण में, [alt~=Tutorials] सेलेक्टर उन इमेज को चुनता है जिनके alt एट्रिब्

  1. CSS से एलिमेंट्स की विजिबिलिटी नियंत्रित करना CSS से एलिमेंट्स की विजिबिलिटी नियंत्रित करना

    CSS Visibility प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि एलिमेंट डॉक्यूमेंट में विजिबल होगा या नहीं। हालांकि एलिमेंट रेंडर होता है लेकिन यदि CSS Visibility को hidden पर सेट किया जाता है तो यह विजिबल नहीं होता। एलिमेंट की विजिबिलिटी को नियंत्रित करने के लिए उपयोग किए जाने वाले CSS