详解css里的outline是什么？
Admin发表于 2022-07-30 17:23:521461 次浏览
上一篇： html5支持的格式有哪些？
下一篇： css外部链接形式有哪些呢？
这篇文章给大家分享的是“详解css里的outline是什么？”，文中的讲解内容简单清晰，对大家学习和理解有一定的参考价值和帮助，有这方面学习需要的朋友，接下来就跟随小编一起学习一下“详解css里的outline是什么？”吧。在css中，outline指的是设置元素轮廓的属性，可以指定元素轮廓的样式、颜色和宽度。outline是一个简写属性，可以在一个声明中按顺序同时设置样式、颜色和宽度，语法“outline:outline-color outline-style outline-width;”；如果不设置其中的某个值，也不会出问题。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
CSS 轮廓（outline）
轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。
outline简写属性在一个声明中设置所有的轮廓属性。
可以设置的属性分别是（按顺序）：outline-color, outline-style, outline-width
| 值 | 描述 |
|---|---|
| outline-color | 规定边框的颜色。 |
| outline-style | 规定边框的样式。 |
| outline-width | 规定边框的宽度。 |
如果不设置其中的某个值，也不会出问题，比如 outline:solid #ff0000; 也是允许的。
示例：设置元素周围的轮廓
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p {
border: 1px solid red;
outline: green dotted thick;
}
</style>
</head>
<body>
<p>测试文本， outline属性样式。</p>
</body>
</html>
感谢各位的阅读，以上就是“详解css里的outline是什么？”的内容了，通过以上内容的阐述，相信大家对详解css里的outline是什么？已经有了进一步的了解，如果想要了解更多相关的内容，欢迎关注群英网络，群英网络将为大家推送更多相关知识点的文章。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
标签：
outline
上一篇： html5支持的格式有哪些？
下一篇： css外部链接形式有哪些呢？
相关信息推荐
2022-09-29 17:50:00
2022-08-26 17:49:09
2022-04-29 12:00:47
2022-12-14 11:21:38
2022-08-19 17:53:01
2022-08-19 17:51:59
outline
mysql触发器的使用
python 魔法函数
textview跑马灯效果
前端埋点
php内存不断增大
mysql价格类型
JS,事件循环,宏任务,微任务
java词法解析
邮箱验证
computed属性
php pthreads
CDN加速
js,飞机大战
绘制几何图形
二维数组和
java web环境
Centos+彻底删除+Mysql
oracle查询表
数据库查询方法
查询交集
Moment.js
Oracle临时表空间
bootstrap作用
表单控件
bootstrap
异常处理机制
Seaborn
oracle增加字段注释
php报错
2022-02-25 17:19:26
2022-01-24 19:23:44
2022-01-04 18:53:44
2022-01-26 18:39:38
2021-11-20 17:46:01
2022-01-18 18:00:09
2022-01-13 18:58:11
2022-01-24 19:23:57
2021-11-22 17:53:55
2021-11-20 17:45:40
群英网络助力开启安全的云计算之旅
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2019 群英网络 版权所有 茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号
