CSS outline:none;表示使outline属性无效，使绘制于元素周围的一条线无效。
outline属性包括：outline-color、outline-style、outline-width：
outline-color ：设置元素轮廓的颜色，其取值与border-color类似。只有当outline-style不为none时才有效。默认为transparent。
outline-style ：设置元素轮廓的格式，其取值与border-style类似，但没有hidden值。默认为none，无轮廓。
outline-width：设置元素轮廓的宽度，其取值与border-width类似。只有当outline-style不为none时才有效。
因此，CSS设置 outline:none时，outline-color、outline-style、outline-width都会无效，即元素轮廓的颜色、元素轮廓的格式、元素轮廓的宽度都无效，即达到不显示元素轮廓的效果。
扩展资料：
outline的层级顺序：
1、outline在不同的格式化上下文呈现是不一样的，在块级元素里面是可以覆盖上下两边的内容的。在内联元素之可以覆盖上面的内容。
2、通常情况下outline会按照后面覆盖前面的顺序正常显示（同等情况下，如同在文档流里面都没有浮动，或者都是浮动，定位的有z-index不算）
3、如果页面有浮动元素，则先显示浮动元素的outline，再显示正常文档流的outline（浮动元素的outline被没有浮动元素的outline覆盖）
参考资料来源：百度百科-outline
参考资料来源：百度百科-outline-color
参考资料来源：百度百科-outline-style
参考资料来源：百度百科-outline-width
声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。
outline控制的到底是什么呢？
当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏览器等本身就不支持这个效果，所以看不到。下面是 outline的样子示例，也是我正在做的一个页面上截取出来的。
这个就是a标签被聚焦后出现了虚线框，也就是outline;
基本上这个是没有用的效果，大多数情况下我们会希望不要出现这种效果，于是给a标签设置outline:none;很遗憾的是，ie6、7和遨游浏览器里都不能实现，只有ff,ie8在加了outline:none后会取消聚焦的虚线框。所以我说这个Outline属性基本就是一个费属性。
怎么样才能取消这个虚线框呢？常用方法有三种：
1：在a标签里加入js控制，当a标签被聚焦时，强制取消焦点，这时候a标签自然不会有虚线框。
<a href="#" onfocus="this.blur();">测试</a>
这里设置聚焦时触发blur();强制取消焦点。自然是屡试不爽。
2：在a标签里嵌套其他标签，比如span 或者var等等，把内容放在被嵌套的标签里。这时候点击这个链接，聚焦的是a的子标签，自然不会聚焦在a标签上，所以也能避免这个问题。
3：不适用a标签做链接，采用其他标签，使用js做出hover的效果，在css里加入cursour:pointer;设置鼠标以上时变小手。给用户是链接的错觉。使用js做点击时的页面跳转等。最大的缺点是对se友好性比前两种差很多。
这三种方法的共同点是比较麻烦，相比较而言，推荐第一种，第二第三也视不同的情况而定。也是会用到的。
outline-style 属性用于设置元素的整个轮廓的样式。样式不能是 none，否则轮廓不会出现。
outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。
注释：请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。
注释：轮廓线不会占据空间，也不一定是矩形。
默认值： none
设置轮廓的样式：
p
{
outline-style:dotted;
}
浏览器支持
所有主流浏览器都支持 outline-style 属性。
只有在规定了 !DOCTYPE 时，Internet Explorer 才支持 outline-style 属性。
可能的值
值 描述
none 默认。定义无轮廓。
dotted 定义点状的轮廓。
dashed 定义虚线轮廓。
solid 定义实线轮廓。
double 定义双线轮廓。双线的宽度等同于 outline-width 的值。
groove 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。
ridge 定义 3D 凸槽轮廓。此效果取决于 outline-color 值。
inset 定义 3D 凹边轮廓。此效果取决于 outline-color 值。
outset 定义 3D 凸边轮廓。此效果取决于 outline-color 值。
inherit 规定应该从父元素继承轮廓样式的设置。本回答被提问者采纳