CSS border-bottom-style属性

  • 定义和用法

    border-bottom-style属性设置元素底部边框的样式。
    特征 说明
    默认值 none
    继承 没有
    动画 没有。CSS动画参考
    CSS版本 CSS1
    JavaScript语法 object.style.borderBottomStyle="dotted"尝试一下
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 Internet Explorer Chrome FireFox Safari Opera
    属性名称
    border-bottom-style
    5.5
    1.0
    1.0
    1.0
    9.2
  • CSS语法

    border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
  • 实例

    为底部边框设置样式:
    div {border-bottom-style: dotted;}
  • 属性值

    属性值 描述
    none 指定无边框。 这是默认的
    hidden 与“none”相同,除了表元素的边界冲突解决方案
    dotted 指定虚线边框
    dashed 指定虚线边框
    solid 指定实线边框
    double 指定双边框
    groove 指定3D凹槽边框。 效果取决于边框颜色值
    ridge 指定3D脊状边框。 效果取决于边框颜色值
    inset 指定3D插入边框。 效果取决于边框颜色值
    outset 指定3D开始边框。 效果取决于边框颜色值
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式
    CSS教程:CSS边框