outline属性早在CSS 2中就出现了，主要是用来在元素周围绘制一条轮廓线，可以起到突出元素的作用，但是并没有得到各主流浏览器的广泛支持。在CSS 3中对outline属性作了一定的扩展，在以前的基础上增加了新的特性。

outline属性的语法规则如下。

outline: [outline-color] || [outline-style] || [outline-width] || inherit;

从语法中可以看出，outline属性与border属性的使用方法极其相似。outline属性的参数说明如下表所示。

outline属性是一个复合属性，它包含了4个子属性：outline-width属性、outline-style属性、outline-color属性和outline-offset属性。

1．outline-width属性

outline-width属性用于定义元素外轮廓的宽度，语法格式如下。

outline-width: thin | medium | thick | <length> | inherit;

outline-width属性的属性值与border-width属性的属性值相同。

2．outline-style属性

outline-style属性用于定义元素外轮廓外边框的轮廓样式，语法格式如下。

outline-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit;

outline-style属性的属性值与border-style属性的属性值相同。

3．outline-color属性

outline-color属性用于定义元素外轮廓边框的颜色，语法格式如下。

outline-color: <color> | invert | inherit;

outline-color属性的属性值与border-color属性的属性值相同。

4．outline-offset属性

outline-offset属性用于定义元素外轮廓边框偏移值，语法格式如下。

outline-offset: <length> | inherit;

当该属性取值为正数时，表示轮廓线向外偏离多少个像素；当该属性取值为负数时，表示轮廓线向内偏移多少个像素。