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

सीएसएस के साथ एक निर्दिष्ट शब्द वाले विशेषता मान वाले तत्वों का चयन कैसे करें?

<घंटा/>

CSS के साथ निर्दिष्ट शब्द वाले विशेषता मान वाले तत्वों का चयन करने के लिए [विशेषता ~="मान"] चयनकर्ता का उपयोग करें।

आप [विशेषता ~ ="मान"] चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं। यहां, हम जो शब्द खोज रहे हैं वह है “ट्यूटोरियल”,

उदाहरण

<!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 के साथ तत्वों को कैसे केन्द्रित करें

    सीएसएस के साथ तत्वों को केंद्रित करना जितना होना चाहिए, उससे कहीं अधिक कठिन प्रतीत होता है, खासकर यदि आपको क्षैतिज और लंबवत दोनों केंद्र की आवश्यकता होती है। आज मैं आपको दिखाऊंगा कि यह कैसे करना है, दोनों आधुनिक सीएसएस और थोड़ी पुरानी (लेकिन अभी भी प्रासंगिक) तकनीकों के साथ। पाठ तत्वों को क्षैतिज रू

  1. CSS के साथ सभी <इनपुट> तत्वों को मान्य मान के साथ स्टाइल करें

    CSS का उपयोग करें:मान्य चयनकर्ता सभी तत्वों को एक मान्य मान के साथ स्टाइल करने के लिए। उदाहरण आप :वैध चयनकर्ता को लागू करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html>    <head>       <style>        

  1. सीएसएस के साथ उत्तरदायी फ़्लोटिंग तत्व कैसे बनाएं?

    CSS के साथ रेस्पॉन्सिव फ्लोटिंग एलिमेंट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "S