CSS border-bottom

188次阅读
没有评论

共计 603 个字符,预计需要花费 2 分钟才能阅读完成。

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 浏览器支持

CSS border-bottomCSS border-bottomCSS border-bottomCSS border-bottomCSS border-bottom

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

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

 

css border-bottom 实例

设置底部边框样式:

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

在线运行

 

 

正文完