Css-border-bottom-color

提供:Dev Guides
移動先:案内検索

CSS-ボーダーボトムカラー

説明

要素の下の境界線の色を設定します。デフォルトは要素の色です。

可能な値

  • color -有効な色の値。

に適用されます

すべてのHTML要素。

DOM構文

object.style.borderBottomColor = "red";

これは、このプロパティの効果を示す例です-

<html>
   <head>
      <style type = "text/css">
         p.example1 {
            border:1px solid;
            border-bottom-color:#009900;/*Green*/
            border-top-color:#FF0000;   /*Red*/
            border-left-color:#330000;  /*Black*/
            border-right-color:#0000CC; /*Blue*/
         }
      </style>
   </head>

   <body>
      <p class = "example1">
         This example is showing bottom border in green color.
      </p>
   </body>
</html>

これにより、次の結果が生成されます–