--- title: border-bottom-color slug: Web/CSS/border-bottom-color translation_of: Web/CSS/border-bottom-color ---
border-bottom-color
属性设置一个元素底部边框的颜色。应当指出,在多数情况下,CSS 简写属性 {{cssxref("border-color")}} 或 {{cssxref("border-bottom")}} 更方便实用。
{{cssinfo}}
border-bottom-color: yellow; border-bottom-color: #F5F6F7;
<color>
inherit
border-bottom-color
默认值不同)<div class="mybox"> <p>This is a box with a border around it. Note which side of the box is <span class="redtext">red</span>.</p> </div>
.mybox { border: solid 0.3em gold; border-bottom-color: red; width: auto; } .redtext { color: red; }
{{EmbedLiveSample('A_simple_div_with_a_border')}}
规范 | 状态 | 注释 |
---|---|---|
{{SpecName('CSS3 Backgrounds', '#border-bottom-color', 'border-bottom-color')}} | {{Spec2('CSS3 Backgrounds')}} | 无重大变化,不过 transparent 关键字被正式移除,该关键字现在被包含在已扩展的 {{cssxref("<color>")}} 里。 |
{{SpecName('CSS2.1', 'box.html#border-color-properties', 'border-bottom-color')}} | {{Spec2('CSS2.1')}} | 初始定义 |