[2016-01-17][CSS][边框属性]

[2016-01-17][CSS][边框属性]

  • border 简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性:
    •  border-width 规定边框的宽度。
      • thin定义细的边框。
        medium默认。定义中等的边框。
        thick定义粗的边框。
        length允许您自定义边框的宽度。
        inherit规定应该从父元素继承边框宽度。
    • border-style 规定边框的样式。
      • 描述
        none定义无边框。
        hidden与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。
        dotted定义点状边框。在大多数浏览器中呈现为实线。
        dashed定义虚线。在大多数浏览器中呈现为实线。
        solid定义实线。
        double定义双线。双线的宽度等于 border-width 的值。
        groove定义 3D 凹槽边框。其效果取决于 border-color 的值。
        ridge定义 3D 垄状边框。其效果取决于 border-color 的值。
        inset定义 3D inset 边框。其效果取决于 border-color 的值。
        outset定义 3D outset 边框。其效果取决于 border-color 的值。
        inherit规定应该从父元素继承边框样式。
    • border-color 规定边框的颜色
      • 描述
        color_name规定颜色值为颜色名称的边框颜色(比如 red)。
        hex_number规定颜色值为十六进制值的边框颜色(比如 #ff0000)。
        rgb_number规定颜色值为 rgb 代码的边框颜色(比如 rgb(255,0,0))。
        transparent默认值。边框颜色为透明。
        inherit规定应该从父元素继承边框颜色。
    • 单独设置某个边框的风格:
      • border-某个边框-属性:属性值;
      • 某个边框可以是 top bottom left right
      • 属性和属性值和上面一样




来自为知笔记(Wiz)


posted on 2016-01-17 18:01  红洋  阅读(179)  评论(0)    收藏  举报

导航