CSS border-bottom

css border-bottom 定义与用法

border-bottom缩写属性设置一个声明中所有底部边框属性。

可以设置的属性分别(按顺序):border-bottom-width, border-bottom-style,和border-bottom-color.

如果上述值缺少一个没有关系,例如border-bottom:#FF0000;是允许的

默认值: not specified
继承: no
版本: CSS1
JavaScript 语法: object object.style.borderBottom="3px solid blue"

 

css border-bottom 属性值

描述
border-bottom-width 指定底部边框宽度
border-bottom-style 指定底部边框样式
border-bottom-color 指定底部边框颜色
inherit 指定border-bottom 属性值,应该从父元素继承

 

css border-bottom 浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持border-bottom属性。

注意IE7和更早的版本不支持"inherit(继承)"的值。 IE8需要定义!DOCTYPE。 IE9支持"inherit(继承)"。

 

css border-bottom 实例

设置底部边框样式:

p {
    border-style:solid;
    border-bottom:thick dotted #ff0000;
}

在线运行

 

相关文章

CSS 教程: CSS Border