189 8069 5689

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属性的使用方法

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


分享标题:outline-offset属性的使用方法
网页URL:http://cdxtjz.cn/article/ieiooi.html

其他资讯