首页 > CSS教程 > CSS 轮廓偏移
此章节介绍:

    CSS 轮廓偏移

    CSS 轮廓偏移

    outline-offset 属性在元素的轮廓与边框之间添加空间。元素及其轮廓之间的空间是透明的。

    下例指定边框边缘外 25px 的轮廓:

    此段落的边框外有 25px 的轮廓。

    实例

    p {
      margin: 50px;
      border: 1px solid black;
      outline: 1px solid red;
      outline-offset: 25px;
    }


    下例显示元素与其轮廓之间的空间是透明的:

    本段在边框边缘外的轮廓为 25px。

    实例

    p {
      margin: 30px;
      background: yellow;
      border: 1px solid black;
      outline: 1px solid red;
      outline-offset: 25px;
    }



    所有 CSS 轮廓属性

    属性描述
    outline简写属性,在一条声明中设置 outline-width、outline-style 以及 outline-color。
    outline-color设置轮廓的颜色。
    outline-offset指定轮廓与元素的边缘或边框之间的空间。
    outline-style设置轮廓的样式。
    outline-width设置轮廓的宽度。