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

CSS attr() फ़ंक्शन का उपयोग

CSS attr() फ़ंक्शन चयनित तत्व के किसी एट्रिब्यूट का मान लौटाता है। इसका उपयोग कंटेंट प्रॉपर्टी के साथ किया जा सकता है, जैसे लिंक के href को दिखाने के लिए।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          a:before {content: " (" attr(href) ")";}       </style>    </head>    <body>       <h2>Information Resource</h2>          <p>Resource: <a href = "https://www.qries.com">Welcome to Qries </a></p>    </body> </html>

व्याख्या: a:before छद्म-तत्व में content: " (" attr(href) ")" सेट किया गया है। इससे प्रत्येक लिंक के पहले उसका URL कोष्ठक में प्रदर्शित होता है।

  1. - CSS में repeating-radial-gradient() फ़ंक्शन का उपयोग

    repeating-radial-gradient() फ़ंक्शन का उपयोग रेडियल ग्रेडिएंट को दोहराने के लिए किया जाता है। यह एक केंद्र बिंदु से बाहर की ओर दोहराता हुआ पैटर्न बनाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { height: 300px; background: repeati

  1. CSS rotate() फ़ंक्शन CSS rotate() फ़ंक्शन

    CSS में rotate() फ़ंक्शन किसी तत्व को घुमाता है। पैरामीटर घुमाव के कोण को सेट करता है। मान डिग्री, रेडियन, ग्रेड, या टर्न में हो सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 { background-color: hsla(140, 100%, 50%, 0.8); } #demo2 { backg

  1. CSS rgba() फ़ंक्शन CSS rgba() फ़ंक्शन

    rgba() लाल, हरे, नीले और अल्फा के लिए RGBA रंग मान परिभाषित करता है। अल्फा रंग की अपारदर्शिता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 { background-color: hsla(140, 100%, 50%