border-bottom-color

外枠の下部分に対して、線の色を指定します。


ブラウザ

IE4 / IE5 / IE5.5 / IE6 / N6 / N7 / O6 / O7 / Fx1 / IE5 mac

▲PageTop

書式

要素[.class名][#id名]{ border-bottom-color : 値; }

▲PageTop

指定できる値

値 初期値 意味
transparent 当該要素は透明となり、上位の要素で指定されている色になります。
16進数表記・色名 指定したカラーコード・色名が線の色になります。
inherit 親要素の値を継承します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        border-bottom-color : red;
        border-style : solid;
        padding : 5px;
        width : 50%;
      }
    </style>
  </head>
  <body>
    <div id="sample1">border-bottom-colorサンプル</div>
  </body>
</html>

表示結果

border-bottom-colorサンプル

▲PageTop

関連項目

CSS

border-bottom / border-bttom-style / border-bottom-width

▲PageTop

▲