CSS text-decoration-color से लिंक अंडरलाइन कलर कैसे बदलें?

CSS text-decoration-color का उपयोग टेक्स्ट-डेकोरेशन-लाइन के रंग को बदलने के लिए किया जाता है।

सिंटैक्स

CSS text-decoration-color प्रॉपर्टी का सिंटैक्स निम्नानुसार है:

Selector {    text-decoration-color: /*value*/ }

उदाहरण 1

निम्न उदाहरण CSS text-decoration-color प्रॉपर्टी को दर्शाते हैं।

<!DOCTYPE html> <html>    <head>       <style>          p {             background-color: gray;             margin: 4%;             font-size: 1.2em;             text-decoration: underline;             text-decoration-color: violet;          }       </style>    </head>    <body>       <p>          Y aserejé-ja-dejé De jebe tu de jebere seibiunouva majavi an de bugui an de güididípi       </p>    </body> </html>

इससे निम्न आउटपुट मिलता है:

उदाहरण 2 (लिंक पर)

<!DOCTYPE html> <html>    <head>       <style>          div, a {             margin: 4%;             font-size: 1.2em;             text-decoration: underline;             text-decoration-color: green;          }       </style>    </head>    <body>       <div>          Underlined demo text.          <a href=#>Hyperlink here!</a>       </div>    </body> </html>

इससे निम्न आउटपुट मिलता है: