在CSS3中,对元素轮廓的样式又多了一个属性——outline。outline可以通过设置一个数值使边框边缘的外围偏移,给元素周围绘制轮廓外边框,可以起到突出元素的作用。outline 属性可设置元素周围的轮廓线,轮廓线不会占据空间,也不一定是矩形。

Outline目前支持的浏览器有:Firefox 3.0+、Chrome 4.0+、Safari 3.1+、IE 9+、Opera 10.5+。

例子:

是否可见虚线形式的轮廓外框?

代码如下:

.p{
    width:200px;
    height:80px;
    margin:10px;
    padding:15px;
    border:2px solid #cad5eb;
    outline:dotted #beceeb 3px;
    outline-offset:5px;
}