ホーム>HTMLリファレンス(アルファベット検索)>border-bottom-colorプロパティ
border-bottom-color プロパティ …下側の枠線の色を指定する
使用プロパティ
|
border-bottom-color: 値; |
対象となる
要素 |
すべて |
継承 |
しない
|
値 |
色名やカラーコード(16進数)など、もしくは、transparent (透明)を指定する。 |
|
|
解説
border-bottom-color プロパティを使えば、要素の下側の枠線の色を指定することができます。
キーワードの transparent とは、背景色と同じ色で枠線を表示するので、枠線の太さ分だけスペースが空いて見えます。ですが、Windows の Internet Explorer には対応していません。
上下左右の枠線の色をまとめて指定するには、border-color プロパティを使用します。また、上下左右の枠線の太さやスタイル、色をまとめて指定するには border プロパティを使用します。
※枠線にスタイルを指定しなければ枠線は表示されません。理由は、枠線のスタイルを指定しない場合、「none」(枠線なし)と見なされるからです。枠線を表示するには必ず枠線のスタイルを指定しましょう。また、逆に枠線のスタイル以外を指定しない場合は、太さは「medium」、色は「文字の色」となります。枠線にスタイルを指定するには「CSS一覧プロパティ辞典-枠線のスタイル-」を参照してください。
枠線の色に関するプロパティ一覧は「CSS一覧プロパティ辞典-枠線の色-」を参照してください。
|
使用例
記述例
<html>
<head>
<title>HOME PAGE ZERO ガイド</title>
<!--スタイルシート-->
<style type="text/css">
p {
border-bottom-style: solid;
border-bottom-color: #AAAAAA;
}
</style>
</head>
<!--ページの本文-->
<body>
<p>下側の枠線の色を「#AAAAAA」にして、枠線のスタイルを「solid」にしています。</p>
</body>
</html> |
|
[ブラウザでの表示例]
HOME PAGE ZERO ガイド |
下側の枠線の色を「#AAAAA」にして、枠線のスタイルを「solid」にしています。
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他