outline-offset属性的使用方法

这篇文章主要介绍outline-offset属性的使用方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联拥有一支富有激情的企业网站制作团队，在互联网网站建设行业深耕10多年，专业且经验丰富。10多年网站优化营销经验，我们已为成百上千中小企业提供了网站建设、网站设计解决方案，按需定制网站，设计满意，售后服务无忧。所有客户皆提供一年免费网站维护!

CSS3的outline-offset属性用于对轮廓进行偏移，并在边框边缘进行绘制；可以通过length值设置轮廓与边框边缘的距离。

CSS3  outline-offset属性

作用：对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓。

说明：轮廓与边框有两点不同：轮廓不占用空间，轮廓可能是非矩形的。

语法：

outline-offset: length|inherit;

length：轮廓与边框边缘的距离。

inherit：规定应从父元素继承 outline-offset 属性的值。

CSS3  outline-offset属性的使用示例

注释：Internet Explorer 和 Opera 不支持 support outline-offset 属性。

这个 div 在边框边缘之外 15 像素处有一个轮廓。

效果图：

以上是outline-offset属性的使用方法的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！