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

CSS से निर्दिष्ट मान से खत्म होने वाले एट्रिब्यूट वैल्यू वाले एलिमेंट्स चुनें


जिन एलिमेंट्स के एट्रिब्यूट वैल्यू किसी निर्दिष्ट मान से खत्म होते हैं, उन्हें चुनने के लिए [attribute$ = "value"] सिलेक्टर का उपयोग करें।

CSS [attribute$ = "value"] सिलेक्टर लागू करने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          [alt$ = Connect] {             border: 5px solid blue;             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 से वैलिड वैल्यू वाले सभी <input> एलिमेंट्स स्टाइल करें CSS से वैलिड वैल्यू वाले सभी <input> एलिमेंट्स स्टाइल करें

    :valid सिलेक्टर वैलिड वैल्यू वाले सभी <input> एलिमेंट्स को स्टाइल करने के लिए CSS :valid सिलेक्टर का उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> input:valid { background: red; color: white; } </style> </head

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

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

  1. CSS के साथ फ्लोटिंग एलिमेंट्स CSS के साथ फ्लोटिंग एलिमेंट्स

    CSS float प्रॉपर्टी का उपयोग किसी बॉक्स या कंटेंट को पोजिशन या फॉर्मेट करने के लिए किया जाता है। डेवलपर CSS float का उपयोग करके एलिमेंट को बाएं या दाएं पोजिशन कर सकते हैं।Float प्रॉपर्टी के मानfloat प्रॉपर्टी के निम्नलिखित मान हो सकते हैं:left - एलिमेंट अपने कंटेनर के बाएं फ्लोट करता हैright - एलिमे