CSS outline-style属性



  • 定义和用法

    outline-style属性指定轮廓的样式。
    注意事项:outline是元素周围的线。它显示在元素的边缘周围。但是,它与border属性不同。轮廓不是元素尺寸的一部分,因此元素的宽度和高度属性不包含轮廓的宽度。
    特征 说明
    默认值 none
    继承 没有
    动画 没有。CSS动画参考
    CSS版本 CSS2
    JavaScript语法 object.style.outlineStyle="dashed"尝试一下
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 IE/Edge Chrome FireFox Safari Opera
    属性名称
    outline-style 8.0
    1.0
    1.5
    1.2
    7.0
  • CSS语法

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

    为轮廓设置样式:
    div {outline-style: dotted;}
    
  • 属性值

    属性值 描述
    none 指定无轮廓。 这是默认的
    hidden 指定隐藏的轮廓
    dotted 指定虚线轮廓
    dashed 指定虚线轮廓
    solid 指定实线轮廓
    double 指定双轮廓
    groove 指定3D凹槽轮廓。 效果取决于轮廓颜色值
    ridge 指定3D脊状轮廓。 效果取决于轮廓颜色值
    inset 指定3D插入轮廓。 效果取决于轮廓颜色值
    outset 指定3D开始轮廓。 效果取决于轮廓颜色值
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式
    CSS教程:CSS轮廓