CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

text-decoration-colorCSSを使用してリンクの下線の色を変更する方法

CSS text-decoration-colorは、text-decoration-lineの色を変更するために使用されます。

構文

CSStext-decoration-colorプロパティの構文は次のとおりです-

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

例

次の例は、CSStext-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>

これにより、次の出力が得られます

text-decoration-colorCSSを使用してリンクの下線の色を変更する方法

例

<!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>

これにより、次の出力が得られます

text-decoration-colorCSSを使用してリンクの下線の色を変更する方法


  1. HTMLのリンクの色を変更するにはどうすればよいですか？

    HTMLのリンクの色を変更するには、CSSプロパティcolorを使用します。 style属性とともに使用します。 style属性は、要素のインラインスタイルを指定します。 CSSプロパティcolorでstyle属性を使用して、リンクの色を変更します。 style属性の使用は、グローバルに設定されたスタイルをオーバーライドすることに注意してください。 HTMLのタグまたは外部スタイルシートに設定されているスタイルを上書きします。 例 次のコードを実行してHTMLのリンクの色を変更してみてください <!DOCTYPE html> <html>   &n

  2. HTMLの相対URLを使用してページをリンクするにはどうすればよいですか？

    HTMLの相対URLを使用してページをリンクするには、href属性を持つタグを使用します。相対URLは、Webサイトのページへのリンクを追加するために使用されます。たとえば、/ contact、/about_teamなど …タグ内のすべてがハイパーリンクになります。 タグの属性の一部を以下に示します Sr.No。 属性と説明 1 Href URLを指定します 2 Rel 現在のドキュメントとリンクされたドキュメント間の接続を指定します。値は、nofollow、external、author、bookmarkなどです。 3 ターゲット リンクを