# CSS 轮廓(outlines)属性
## CSS 轮廓(outline)
* * *
轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
轮廓(outline)属性指定了样式,颜色和外边框的宽度。
## 所有CSS 轮廓(outline)属性
"CSS" 列中的数字表示哪个CSS版本定义了该属性(CSS1 或者CSS2)。
| 属性 | 说明 | 值 | CSS |
| :-- | :-- | :-- | :-- |
| [outline](http://www.php.cn/manual/view/33507.html)| 在一个声明中设置所有的外边框属性| ![](https://img.kancloud.cn/0d/d3/0dd332cd62430702cb0f95772a0409ec_119x85.png)| CSS |
| [outline-color](http://www.php.cn/manual/view/33509.html)| 设置外边框的颜色| ![](https://img.kancloud.cn/d5/9f/d59f17f69398c125eed2f964ba59ae68_223x96.png)| CSS |
| [outline-style](http://www.php.cn/manual/view/33510.html)| 设置外边框的样式| ![](https://img.kancloud.cn/10/cd/10cd25b32834d3ba5dd8a763fb354b9c_227x193.png)| CSS |
| [outline-width](http://www.php.cn/manual/view/33508.html)| 设置外边框的宽度| ![值 ](https://img.kancloud.cn/0b/76/0b7681ac31d042c1cb76077a2c70c104_130x91.png)| CSS |
- 空白目录
- CSS相关知识
- 透明度
- 鼠标样式
- 盒子隐藏
- 背景图
- 文本
- 字体
- 链接
- 列表样式
- 边框border
- 轮廓outline
- 外边距Margin
- 内填充Padding
- Css综合
- css分组和嵌套
- css尺寸
- CSS鼠标样式
- 显示与隐藏 display
- 定位
- Vue2
- Vue的核心原理
- vue的拦截原理
- vue的模板语法
- 数据绑定
- MVVM
- 事件处理
- 计算属性与监视
- class与style的绑定
- 条件渲染
- 列表渲染
- 收集表单
- 内置指令
- vue的生命周期
- 单文件组件
- vue脚手架
- 基础知识
- ref和props
- mixin混入
- 插件
- scoped样式
- 缓存WebStorage
- 组件的通信
- 消息的发布于订阅
- 全局事件总线
- 组件自定义事件
- nextTick
- vue封装的过渡于动画
- Vue脚手架配置代理
- 插槽
- Vuex
- 搭建vuex环境
- 基本使用
- getters的使用
- 四个Map的使用
- 模块化+命名空间
- 路由
- route基本使用
- 注意点
- 多级路由
- query参数
- 命名路由
- params参数
- 路由的props配置
- route-link的replace属性
- 编程式路由导航
- 缓存路由文件
- 两个生命周期钩子(路由)
- 路由守卫
- 路由器的两种工作方式
- Vue常用UI库
- JavaScript相关知识
- 基础知识
- Js常用表达式
- Js常见的事件
- Js的重要公共方法
- Js数据类型
- Js字符串
- Js数组
- Js布尔类型
- Js的类型转换
- Js算数
- Js的日期处理
- Js的循环
- Js正则匹配
- Js的DOM篇
- Js的DOM1
- Js的DOM2
- Js高级教程
- Js的BOM
- Js之Window
- Js之Window Screen
- Js之Window Location
- Js之Window History
- Js之Navigator
- Js之弹框
- Js之计时
- Js之Cookies
- Js库-框架篇
- jquery
- prototype
- Vue3