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

HTMLDOMスタイルの色のプロパティ

HTML DOM Style colorプロパティは、テキストの色を取得または設定するために使用されます。テキストの色は、16進数、rgb（）、rgba（）、hsl（）、hsla（）で指定するか、既知のキーワードを使用して指定できます。

以下は、-

の構文です。

色のプロパティを設定する-

object.style.color = "color|initial|inherit"

上記の特性は次のように説明されます-

値 説明
色 テキストの色の値を指定します。
初期 このプロパティを初期値に設定します。
継承 親プロパティ値を継承するには

色のプロパティの例を見てみましょう-

例

<!DOCTYPE html>
<html>
<body>
<h1>Color property example</h1>
<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<p>This is paragraph 3</p>
<p>This is paragraph 4</p>
<p>This is paragraph 5</p>
<p>Change the above paragraphs color by clicking the below button</p>
<button type="button" onclick="ChangeColor()">Change Text Color</button>
<script>
   function ChangeColor() {
      for(var i=0;i<5;i++){
         if(i%2==0)
            document.getElementsByTagName("P")[i].style.color="blue";
         else
            document.getElementsByTagName("P")[i].style.color="red";
      }
   }
</script>
</body>
</html>

出力

HTMLDOMスタイルの色のプロパティ

「テキストの色を変更」をクリックすると ボタン-

HTMLDOMスタイルの色のプロパティ


  1. HTMLDOMスタイルborderTopColorプロパティ

    HTML DOM borderTopColorプロパティは、要素の上部境界線の色を取得または設定するために使用されます。 以下は、-の構文です。 borderTopColorプロパティの設定- object.style.borderTopColor = "color|transparent|initial|inherit" 上記の特性は次のように説明されます- 値 説明 色 上枠の色を指定します。デフォルトの色は黒に設定されています。 透明 を使用すると、上部の境界線の色が透明になり、基になるコンテンツが表示されます。 初期 このプロパティをデフ

  2. HTMLDOMスタイルborderRightColorプロパティ

    HTML DOM borderRightColorプロパティは、要素の右境界線の色を取得または設定するために使用されます。 以下は、-の構文です。 borderRightColorプロパティの設定- object.style.borderRightColor = "color|transparent|initial|inherit" 上記の特性は次のように説明されます- 値 説明 色 右枠の色を指定します。デフォルトの色は黒に設定されています 透明 これにより、右の境界線の色が透明になり、基になるコンテンツが表示されます。 初期 このプロパティを