CSS1 border-bottom-style 属性

发布时间：2019-10-01编辑：佚名阅读（1479）

CSS1 border-bottom-style 属性

说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法：

border-bottom-style：<border-style>

<border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

默认值：none

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

取值：

none：无轮廓。border-color与border-width将被忽略
hidden：隐藏边框。IE7及以下尚不支持
dotted：点状轮廓。IE6下显示为dashed效果
dashed：虚线轮廓。
solid：实线轮廓
double：双线轮廓。两条单线与其间隔的和等于指定的border-width值
groove：3D凹槽轮廓。
ridge：3D凸槽轮廓。
inset：3D凹边轮廓。
outset：3D凸边轮廓。

说明：

设置或检索对象的底部边框样式。
  • 如果border-width等于0，本属性将失去作用。
  • 对应的脚本特性为borderBottomStyle。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型IEFirefoxSafariChromeOpera
较早版本6.0 #14.05.113.011.50
较新版本7.0 #2
最近版本8.0
  1. IE6及更早浏览器不支持hidden属性值，且会将dotted属性值显示为dashed的效果。
  2. IE7及更早浏览器不支持hidden属性值。

    关键字： CSS1 border-bottom-style 属性

上一篇：CSS3 border-bottom-right-radius 属性

下一篇：CSS1 border-bottom-width 属性

鼓掌

0人

正能量

0人

赞

0人

呵呵

0人

评论区
    相关文章
    企业级大促
    企业级大齐