css outline-offset属性怎么用
程序员文章站
2022-03-18 12:29:29
...
css outline-offset属性用于设置轮廓框架在 border 边缘外的偏移,即轮廓与边框边缘之间的距离。基本语法:outline-offset:length,length的单位可以是绝对单位(如px),也可以是相对单位(如:%)。
css outline-offset属性怎么用?
outline-offset 属性对轮廓进行偏移,并在边框边缘进行绘制。
说明:轮廓在两方面与边框不同:轮廓不占用空间,轮廓可能是非矩形。
语法:
outline-offset: length|inherit;
属性值:
● length:轮廓与边框边缘的距离。
● inherit:规定应从父元素继承 outline-offset 属性的值。
注释:所有主流浏览器都支持 outline-offset 属性,除了 Internet Explorer。
css outline-offset属性 示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <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>
效果图:
以上就是css outline-offset属性怎么用的详细内容,更多请关注其它相关文章!
上一篇: c语言源程序的基本单位是什么
推荐阅读
-
ACDsee怎么用?acdsee做图像属性的教程
-
VS2019怎么设置CSS的默认属性?
-
2个属性用CSS实现图片自适应浏览器
-
怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)
-
关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_html/css_WEB-ITnose
-
怎么用dreamweaver做一个可以换肤的界面_html/css_WEB-ITnose
-
发现一个特效会让你有意思,有人知道这个用css可以做出来吗,怎么做?_html/css_WEB-ITnose
-
symfony怎么用css来控制表单的样式?
-
怎么用JavaScript或css在thinkPHP的模板中显示树形结构
-
jquery 固定列。怎么用% 随浏览器大小 导航条显示出来,看图不用datagrid_html/css_WEB-ITnose