Web速查-索引

outline-offset

定义

outline-offset属性设置轮廓框架在 border 边缘外的偏移

注意：Outlines在两个方面不同于边框：1、Outlines 不占用空间； 2、Outlines 可能非矩形

推荐阅读：实用Tips - 18 - 深扒“Flex” 布局|【弹性布局】

语法

outline-offset: length|inherit:

属性值

属性 说明
length 轮廓与边框边缘的距离。
inherit 规定应从父元素继承 outline-offset 属性的值。

实例

s 
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>

    <style>

        div

        {

            margin:20px;

            width:150px;

            padding:1px;

            height:70px;

            border:2px solid black;

            outline:2px solid green;

            outline-offset:11px;

        }

    </style>

</head>

<body>

   <div>这个 div有一个轮廓边界11px框外的边缘。</div>

</body>

</html>
这个 div有一个轮廓边界11px框外的边缘。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari Chrome FireFox IE
3.1 4.0 3.5 -