border-color プロパティ
border-color プロパティは、エレメントの border 線の色を指定するプロパティです。border とは枠線のことで margin と padding の間に表示されます。
border-color プロパティは、border-style または border でスタイル(線種)を指定しないと機能しません。
border-style: dotted; border-color: green;
詳しくは Example を参照してください
border は4辺、上辺、下辺、右辺、左辺のそれぞれで色、線種、太さを指定することができます。
ページ内 Index
- ad -
構文(Syntax)
CSS
border-color: color | transparent | initial | inherit ;
DOM ( JavaScript )
object.style.borderColor
object.style.borderColor=" color | transparent | initial | inherit "
値(Values)
Value | 摘要 |
---|---|
none | 初期値(default値) |
color | CSS Color |
transparent | 透明色 |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
初期値(Default value) | エレメントの色 |
継承(Inherited) | no |
変化(Animatable) | yes |
Example
- ad -
関連 CSS プロパティ
以下は関連する CSS プロパティです。
border | border-width、border-style、border-color プロパティを一括指定 |
border-image | border線を画像で |
border-radius | 線の角を丸く |
border-style | 線の種類 |
border-width | 線の幅 |