toc

Intro

css2.1规范中便定义了元素的外轮廓线，但是浏览器的支持并不好，而在css3中增强了outline的属性，其扩展之后的属性有：

• ：定义轮廓边框的颜色。
• ：定义轮廓边框的样式。
• ：定义轮廓边框宽度。
• ：定义轮廓边框偏移位置的数值。
• inherit：默认值，继承。

当然其派生为四个外轮廓线属性：

• outline-color，该属性定义轮廓边框的颜色，除了支持所有的颜色外，还支持关键字invert，invert对屏幕上的像素点进行反转，而无论背景色是什么，主要用来保证焦点框的可见。
• outline-style，定义了轮廓边框的样式，该属性的值和相应的用法和border-style相同，有none、dotted、dashed、solid、double、groove、ridge、inset、outset。但是hidden值并不是一个合法的轮廓样式。
• outline-width，定义轮廓边框的宽度，同样的该属性与border-width相同。支持的值有thin（细轮廓）、medium（中等轮廓）、thick（粗的轮廓）、〈length〉、inherit。
• outline-offset，定义轮廓边框偏移位置的数值，其值有和inherit。

外轮廓线属于动态样式，不占用网页空间，只有当对象获得焦点或者被激活时候才会呈现，属性的使用和border属性类似，但是css3中outline的边框都是一样的，不能像border属性一样定义诸如outline-top、outline-left一类的属性。