首页 / CSS / outline-offset属性怎么用
outline-offset属性怎么用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了outline-offset属性怎么用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含935字，纯文字阅读大概需要2分钟。
内容图文
CSS3的outline-offset属性用于对轮廓进行偏移，并在边框边缘进行绘制；可以通过length值设置轮廓与边框边缘的距离。
CSS3 outline-offset属性
作用：对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓。
说明：轮廓与边框有两点不同：轮廓不占用空间，轮廓可能是非矩形的。
语法：
outline-offset: length|inherit;
length：轮廓与边框边缘的距离。
inherit：规定应从父元素继承 outline-offset 属性的值。
CSS3 outline-offset属性的使用示例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
margin:20px;
width:150px;
padding:10px;
height:70px;
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}
</style>
</head>
<body>
<p><b>注释：</b>Internet Explorer 和 Opera 不支持 support outline-offset 属性。</p>
<div>这个 div 在边框边缘之外 15 像素处有一个轮廓。</div>
</body>
</html>效果图：
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注Gxl网相关教程栏目！！！
以上就是outline-offset属性怎么用的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的outline-offset属性怎么用全部内容，希望文章能够帮你解决outline-offset属性怎么用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。