border-bottom

  • 版本:CSS1
  • 媒体:视觉
border-bottom属性在CSS边框中是比较常用的,本文将带你深入理解border-bottom属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上border-bottom的演示案例,希望能够对你有所帮助。

border-bottom的具体语法

border-bottom:[ border-bottom-width ] || [ border-bottom-style ] || [ border-bottom-color ]

默认值看每个独立属性

适用于:所有元素

继承性:无

动画性:看每个独立属性

计算值:看每个独立属性

相关属性:[ border ] || [ border-top ] || [ border-right ] || [ border-left ]

border-bottom的取值介绍

[ border-bottom-width ]:
设置或检索对象的底部边框宽度。
[ border-bottom-style ]:
设置或检索对象的底部边框样式。
[ border-bottom-color ]:
设置或检索对象的底部边框颜色。

border-bottom的使用说明

复合属性。设置对象底部边框的特性。参阅border属性。
  • 如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
  • 对应的脚本特性为borderBottom

border-bottom的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 1.0 1.0 1.0 3.5

border-bottom的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册